EaselJS:有什么方法可以将形状导出到图像文件?

时间:2020-11-12 19:35:51

标签: createjs easeljs

我在CreateJS中有一个项目,我想在没有 CreateJS的情况下重新制作它们,但是看来我的所有图像都是EaselJS形状格式的。例如:

this.shape_1 = new cjs.Shape();
this.shape_1.graphics.f("#465762").s().p("AgOAOQgFgFAAgJQAAgHAFgHQAHgFAHgBQAIABAHAFQAFAHAAAHQAAAJgFAFQgHAHgIgBQgHABgHgHg");
this.shape_1.setTransform(43.4,42,0.747,0.747);

是否可以使用某些方法将其导出到图像文件?

1 个答案:

答案 0 :(得分:1)

您可以通过缓存任何EaselJS DisplayObject来导出它,然后导出dataURL。请注意,您必须知道原始范围。如果您想要更大的缓存,只需增加scale参数即可。

this.shape_1.cache(x, y, w, h, [scale]);
var url = this.shape_1.getCacheDataURL();

不幸的是,此方法不支持Canvas.toDataURL()的参数,因此,如果需要,可以直接访问缓存:

this.shape_1.target.cacheCanvas.toDataURL(…[type], [encoderOptions]);

然后,您可以通过多种方式使用dataURL。这是an article。或者,只需将生成的缓存放入DOM,然后右键单击它进行保存。

document.body.appendChild(this.shape_1.target.cacheCanvas);

文档:

相关问题