如何在 Easel.js 中缩放 SVG 而不会丢失轮廓?

How to scale an SVG without losing contours in Easel.js?

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

有什么方法可以避免这种行为吗?

问题:

SVG 示例: http://s000.tinyupload.com/index.php?file_id=88515840051764837348

canvas 中的 EaselJS 支持仅限于基于图像的渲染。基本上,它将 SVG 作为光栅图像加载。当你缩放它时,你不会看到它重绘矢量,而是像图像一样缩放。如果将它缩放到 100% 以上,它应该会更明显(它将得到 pixelly/blurry)。

不确定是否可以使用 SVG 源解决此问题。您可以将路径导入 Adob​​e Animate,并导出为原始 EaselJS 图形,这将更可预测地缩放。

干杯,