如何在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图形，这将更可预测地扩展。

干杯