繁体   English   中英

放大KineticJS后重新加载图像

[英]Reloading an image after zooming in KineticJS

我有一个小组,里面是一张图片。 我的代码可以正常工作,因此您可以使用鼠标滚轮进行缩放。 缩放停止后,我将以较大尺寸重新加载图像。 我将新图像添加到组中(旧图像仍然是组的一部分),然后执行以下操作:

img.remove();
img.destroy();
imgNew.moveToTop();
imgNew.offsetX = offset.x;
imgNew.offsetY = offset.y;

在此代码末尾,我的旧图像消失了,新的图像不可见。 它的立场是理智的,是我这个小组的孩子。 它的大小恰好是我期望的大小(它的绝对位置是0,0,并且它的大小大于我的画布)。 我已关闭剪辑,所以如果在任何地方都可以看到它,我会看到的。 我已经更改了调试器中的位置,并在画布,图层和组上调用了draw()。 我已经拖动了代码,并且在所有可能的地方都拖动了拖动控件(仍然存在)。 我还更改了代码,仅将新图像添加到顶层而不是下层。

我要提到的情况是相关的,该图像来自WebAPI RESTful服务,并且传入了大小,因此两个图像的图像URL不同。

我根本找不到我的图像! 接下来我该怎么办?

这个:

KineticJS-如何在单击按钮时更改图像源

回答了我的问题。 简短版:有一个setImage方法,因此您可以加载新图像,调用setImage()并将其替换。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM