可以导出KineticJS完整图层

Question

有人知道是否有一种方法可以“导出”整个KineticJS图层（或组），而不仅仅是导出可见画布中的部分吗？

我有一个简单的“图像编辑器”，允许用户缩放画布中的图像，可以故意将图像缩放到大于可见的画布舞台区域，从而允许用户将图像部分平移到视图中。 问题在于，当他们来导出图像时（当前使用toDataURL），只有可见画布阶段中的图像部分被保存，其余图像被丢弃！

我实际上想保存整个图层，而不仅仅是保存在可见画布阶段渲染的图层。

Answer 1

好吧，您需要一个临时的解决方法。

我假设您有一个功能或执行.toDataURL（）的功能。

在执行toDataURL（）之前，先更改舞台大小或比例，然后保存，然后再更改回去。

例：

 function save(){
     stage.setScale(newX,newY); //rescale to new values
     stage.setWidth(newWidth);
     stage.setHeight(newHeight);

     stage.toDataURL();   // <----- save

     stage.setScale(oldX,oldY); //rescale to old values
     stage.setWidth(oldWidth);
     stage.setHeight(oldHeight);
 }

这将调整您的舞台大小或缩放比例，然后将其恢复原状。