我花了几个小时试图找出这个。我会让你轻松。
stage.toDataURL({
callback: function(dataUrl) {
// testing
/*
* here you can do anything you like with the data url.
* In this tutorial we'll just open the url with the browser
* so that you can see the result as an image
*/
window.open(dataUrl);
}
});
我允许用户使用Kinetic JS通过鼠标绘制来创建自定义形状。创建自定义形状后,它会作为矢量信息添加到舞台中,然后我需要创建它的图像,添加到用户界面以允许它们单击以删除'形状。或者,点击重新添加'形状。
问题在于,我无法弄清楚为什么形状被切断了#39;问题是,在使用Kinetic进行绘制时,您可以画出超过'实际的图层大小。该阶段将记录并绘制它,但是当您导出到dataURL时,它不会保留它。
我想知道这是(bug)(不考虑的事情)还是(故意的)?
工作演示---