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

Question

可以在同一画布上创建两个层独立的层蒙版吗？我试过了，但没有太多成功。我怀疑这是由于掩码影响了层索引。我已经通过在mouseover (see here)上启用屏蔽来突出显示这一点。如果将鼠标悬停在图层蒙版上，其他图层蒙版将消失。如果你使用mask:true作为属性来绘制图层，那么只会出现一个图层蒙版。你可能会想“为什么不为每个图层蒙版制作一个单独的画布呢？”我不能这样做，因为我打算使用$("canvas").getCanvasImage();将画布渲染成一个复合的jpeg (使用两个画布会很困难)。

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

谢谢你的帮助。

Answer 1

是的，现在可以使用jCanvas了。只要您希望恢复掩码，就一定要调用restoreCanvas()方法，如下所示：

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

这是an example I made，它使用两个掩码将画布分成两个窗格。