0

使用 HTML5 和 kineticjs 如何拖动背景图像,即使它位于另一个图像或前景下方?

我已经设置了自己的小提琴,在这里显示了我设置的 2 张图像:

http://jsfiddle.net/SkVJu/16/

拖动作品我只需要能够拖动 darth vader 图像(背景),即使它位于 yoda 图像(前景)下方

我在这里遇到过这篇文章和示例:

在 KineticJs 中在后台拖动

这正是我想要的形状,而不是使用globalCompositeOperation在下面绘制背景的图像。

我的尝试只是绘制了上面的背景(完整代码参见小提琴)

layer.getContext().globalCompositeOperation = "destination-over";
layer.add(background);
stage.add(layer);

http://jsfiddle.net/SkVJu/21/

任何人都可以帮忙吗?

更新

我现在意识到问题所在:

每次添加图像时,我都会创建一个新图层,因此 globalCompositeOperation 毫无意义。从那以后,我将新图层从图像加载功能中移出,现在它可以按预期工作

4

1 回答 1

0

设法解决了将图层移到每个图像功能之外并将其添加到那里的舞台,然后layer.draw();在每个图像功能之后image.onload

在这里工作小提琴:

http://jsfiddle.net/SkVJu/22/

于 2013-07-11T14:32:26.357 回答