使用 HTML5 和 kineticjs 如何拖动背景图像,即使它位于另一个图像或前景下方?
我已经设置了自己的小提琴,在这里显示了我设置的 2 张图像:
拖动作品我只需要能够拖动 darth vader 图像(背景),即使它位于 yoda 图像(前景)下方
我在这里遇到过这篇文章和示例:
这正是我想要的形状,而不是使用globalCompositeOperation在下面绘制背景的图像。
我的尝试只是绘制了上面的背景(完整代码参见小提琴)
layer.getContext().globalCompositeOperation = "destination-over";
layer.add(background);
stage.add(layer);
任何人都可以帮忙吗?
更新
我现在意识到问题所在:
每次添加图像时,我都会创建一个新图层,因此 globalCompositeOperation 毫无意义。从那以后,我将新图层从图像加载功能中移出,现在它可以按预期工作