同一画布上可以存在两个jcanvas图层蒙版吗？

Question

是否可以在同一画布上创建两个独立于图层的图层蒙版？ 我尝试过，但没有成功。 我怀疑这是由于遮罩影响图层索引。 我通过在鼠标悬停时启用遮罩来突出显示这一点（ 请参阅此处 ）。 如果将鼠标悬停在图层蒙版上，其他图层蒙版将消失。 如果使用mask:true作为属性绘制图层，则只会显示一个图层蒙版。 您可能会想“为什么不为每个图层蒙版制作单独的画布？” 我不能，因为我打算使用$("canvas").getCanvasImage(); 将画布渲染为复合jpeg（如果使用两个画布则很难）。

最终目标是将画布垂直分成两个窗格。 每个窗格将填充一个可拖动的图像。 用户将在窗格中移动图像以“裁剪”它，然后将结果呈现为合成图像。 该示例即将结束，但是将右窗格下的绿色框拖动到该窗格中会创建一个死区。

感谢您的协助。

Answer 1

是的，现在可以使用jCanvas。 只要确保要恢复遮罩，就一定要调用restoreCanvas()方法，如下所示：

$("canvas").restoreCanvas({
    layer: true
});

这是我制作的一个示例 ， 该示例使用两个蒙版将画布分成两个窗格。