Question

使用HTML5和kineticjs，即使背景图像位于另一个图像或前景下，我如何拖动背景图像？

我设置了自己的小提琴，在这里显示我的2张图片的设置：

拖动工作我只需要能够拖动darth vader图像（背景），即使它位于yoda图像（前景）下面

我在这里和例子中看过这篇文章：

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

我的尝试只是将上面的背景画出来（请参阅完整代码的小提琴）

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

有人可以帮忙吗？

更新

我现在意识到问题所在：

每次添加图片时我都在创建一个新图层，因此globalCompositeOperation毫无意义。我已经将新图层移出图像onload函数，现在它按预期工作

Answer 1

管理以解决在每个图片函数外部移动图层并将其添加到其中的阶段，然后在每个layer.draw();之后image.onload

在这里工作小提琴：