无法剪辑区域

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