無法裁剪區域

Question

我使用下面的代碼來設置裁剪區域爲我的舞臺：

stage.setClip({ 
    x: 0, 
    y: 0, 
    width: 500, 
    height: 500 
}); 

，但是當我在做什麼：

stage.toDataURL({ 
    mimeType: 'image/png', 
    callback: function(dataURL){ 
    window.open(dataURL); 
    }, 
    quality: 1 
}); 

我得到整個舞臺的畫面，而不是裁剪區域？有沒有什麼辦法可以得到只有剪輯區域的圖像？

謝謝..

Answer 1

不知道kinectjs明確（因此，也許在一跛一跛一點點），它最終將要使用系統的toDataURL。

toDataURL將返回編碼爲PNG，JPEG等的完整畫布/舞臺的總像素緩衝區，因此沒有剪裁功能。

您必須手動執行裁剪操作，方法是創建一個您想要的大小的新舞臺/畫布，然後將該部分從原始畫布複製到此新畫布上（通常，這只是一個drawImage，源畫布使用作物/剪輯區域添加到新畫布）。

如果kinectjs有內置的方法來爲你做所有這些 - 我不知道，但是當你想要將一部分提取爲圖像時，這是必需的。