Adobe Animate CC Canvas（CreateJS）矢量图形在放大时变得模糊

所以我是下一代Flash应用程序的新手，他们称之为Adobe Animate CC，我正在尝试创建一个交互式地图场景。。。非常基本。如果你点击美国，它应该放大。再次单击，它将缩小

我遇到的问题是，即使我的地图是从SVG文件导入的——从我在Adobe Animate CC工作区中看到的情况来看，它保留了矢量数据——但当我使用CreateJS应用缩放图时，图形的边缘变得非常像素化

以下是我正在使用的代码：

var _this = this;
_this.stop();

_this.america.addEventListener("click", zoomMap);

 function zoomMap(event) { 

     createjs.Tween.get(exportRoot.world1).to({scaleX: 10, scaleY: 10, x: 4000, y: 1000}, 1000);

}

下面是一些像素化结果的图像：

更令人不安的是，蓝绿色圆圈是符号内的本机圆圈对象。不是svg。我希望，至少在转型期，这一点会保持清晰

这是不可避免的吗？应用程序是否在导出时缓存矢量文件的位图版本？我能阻止这一切吗？我可以在我的tween期间和之后强制重新渲染矢量文件吗？这有什么办法吗？这个应用程序真的支持矢量图形吗

动画可能会导出为图像，但除非您告诉它，否则不应该导出。您的库JavaScript看起来像什么？是否导出任何图像？也许可以在源代码中搜索.cache，看看Adobe是否在幕后做了一些有趣的事情

如果地图是SVG源：不幸的是，EaselJS中作为动画导出基础的唯一SVG支持是将SVG作为位图源。这意味着它被视为特定尺寸的图像，将其缩放到100%以上将插值细节

可以将其加载为较大的位图，并将其缩小到开始位置，但这将：

使其在内存中更大 还是只能让你扩展这么多 另一个选项是将SVG资产导入Adobe Animate，后者应将其转换为矢量图形。如果它是EaselJS中的向量，您可以根据需要对其进行缩放，因为它使用画布向量api来绘制，而不是使用图像源

您提到绿色圆圈是原生的，我假设它是动画？中的一个形状？。您确定它不是作为图像而不是形状导出的吗？你在缓存什么吗

---

希望有帮助

我在预览时确实看到了这个输出：警告：*593个位图成功地打包到7个SpriteSheet中。ok update：我可以通过取消选中“导出文档为纹理”来消除像素，但是这会在缩放过程中产生更多的起伏/颠簸体验。是的，如果地图中有很多细节，这将是生活中的一个事实。也许你可以做一些事情来优化向量，或者考虑自己缓存在你需要的大小。