Javascript 同一画布上是否存在两个jcanvas图层遮罩?

Javascript 同一画布上是否存在两个jcanvas图层遮罩?,javascript,html,canvas,jcanvas,Javascript,Html,Canvas,Jcanvas,是否可以在同一画布上创建两个独立于层的层遮罩?我试过了,但没有多大成功。我怀疑这是由于遮罩影响图层索引。 我通过在mouseover()上启用掩蔽来强调这一点。如果将鼠标移到图层遮罩上,其他图层遮罩将消失。如果使用mask:true作为特性绘制图层,则只会显示一个图层掩码。您可能会想“为什么不为每个层掩码制作一个单独的画布?”我不能,因为我打算使用$(“画布”).getCanvasImage()将画布渲染为复合jpeg(使用两个画布很难) 最终目标是将画布垂直拆分为两个窗格。每个窗格都将填充一个

是否可以在同一画布上创建两个独立于层的层遮罩?我试过了,但没有多大成功。我怀疑这是由于遮罩影响图层索引。 我通过在mouseover()上启用掩蔽来强调这一点。如果将鼠标移到图层遮罩上,其他图层遮罩将消失。如果使用
mask:true
作为特性绘制图层,则只会显示一个图层掩码。您可能会想“为什么不为每个层掩码制作一个单独的画布?”我不能,因为我打算使用
$(“画布”).getCanvasImage()
将画布渲染为复合jpeg(使用两个画布很难)

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


谢谢你的帮助

是的,现在jCanvas可以做到这一点。只要确保在希望恢复掩码时调用
restoreCanvas()
方法,如下所示:

$("canvas").restoreCanvas({
    layer: true
});
下面是一个使用两个遮罩将画布拆分为两个窗格的示例