无法裁剪区域

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有内置的方法来为你做所有这些 - 我不知道，但是当你想要将一部分提取为图像时，这是必需的。