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

【问题标题】：Can two jcanvas layer masks exist on the same canvas?两个 jcanvas 图层蒙版可以存在于同一个画布上吗？
【发布时间】：2013-10-05 05:26:16
【问题描述】：

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

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

感谢您的帮助。

【问题讨论】：

标签： javascript html canvas jcanvas

【解决方案1】：

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

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

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

【讨论】：