同一畫布上可以存在兩個jcanvas圖層蒙版嗎？

Question

是否可以在同一畫布上創建兩個獨立於圖層的圖層蒙版？ 我嘗試過，但沒有成功。 我懷疑這是由於遮罩影響圖層索引。 我通過在鼠標懸停時啟用遮罩來突出顯示這一點（ 請參閱此處 ）。 如果將鼠標懸停在圖層蒙版上，其他圖層蒙版將消失。 如果使用mask:true作為屬性繪制圖層，則只會顯示一個圖層蒙版。 您可能會想“為什么不為每個圖層蒙版制作單獨的畫布？” 我不能，因為我打算使用$("canvas").getCanvasImage(); 將畫布渲染為復合jpeg（如果使用兩個畫布則很難）。

最終目標是將畫布垂直分成兩個窗格。 每個窗格將填充一個可拖動的圖像。 用戶將在窗格中移動圖像以“裁剪”它，然后將結果呈現為合成圖像。 該示例即將結束，但是將右窗格下的綠色框拖動到該窗格中會創建一個死區。

感謝您的協助。

Answer 1

是的，現在可以使用jCanvas。 只要確保要恢復遮罩，就一定要調用restoreCanvas()方法，如下所示：

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

這是我制作的一個示例 ， 該示例使用兩個蒙版將畫布分成兩個窗格。