放大KineticJS后重新加载图像

时间:2014-02-18 08:08:50

标签: javascript kineticjs

我有一个小组,里面是一个图像。我的代码工作正常,您可以使用鼠标滚轮进行缩放。当缩放停止时,我以更大的尺寸重新加载图像。我将新图像添加到组中(旧图像仍然是组的一部分)然后我这样做:

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

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

我应该提一下,如果它是相关的,图像来自WebAPI RESTful服务,并且传入大小,因此两个图像的图像URL不同。

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

1 个答案:

答案 0 :(得分:0)

此:

KineticJS - How to Change Image src on Button Click

回答了我的问题。简短版本:有一个setImage方法,所以你可以加载一个新的图像,调用setImage(),然后它被替换。