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

时间:2013-05-14 22:17:28

标签: javascript html5 canvas jcanvas

是否可以在同一画布上创建两个图层独立的图层蒙版?我尝试过,没有太大的成功。我怀疑这是因为掩码会影响图层索引。 我通过在鼠标悬停(see here)上启用屏蔽来突出显示这一点。如果将鼠标悬停在图层蒙版上,则其他图层蒙版将消失。如果使用mask:true作为属性绘制图层,则只会显示一个图层蒙版。您可能会想“为什么不为每个图层蒙版制作单独的画布?”我不能,因为我打算使用$("canvas").getCanvasImage();将画布渲染为复合jpeg(两幅画布很难)。

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

谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

是的,现在可以使用jCanvas了。只要你想恢复一个掩码,就一定要调用restoreCanvas()方法,如下所示:

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

这是an example I made,它使用两个蒙版将画布分割成两个窗格。