如何在不丢失Easel.js轮廓的情况下缩放SVG？

Question

我有一个基于Easel.js的画布和一堆SVG。当我将这些SVG作为矢量形状放在画布上并尝试缩放整个画布时，一些SVG轮廓变得扭曲/模糊。

有没有办法避免这种行为？

问题：

SVG样本：http://s000.tinyupload.com/index.php?file_id=88515840051764837348

Answer 1

画布中的EaselJS支持仅限于基于图像的渲染。基本上，它将SVG加载为光栅图像。当你缩放它时，你没有看到它重绘向量，而是它像图像那样缩放。如果你将它缩放到100％以上，它应该更加明显（它将变得像素/模糊）。

不确定您是否可以使用SVG源解决此问题。您可以将路径引入Adobe Animate，并以原始EaselJS Graphics导出，这将更加可预测地扩展。

干杯，