我有一个的flash应用程序,它具有巨大的交互式可伸缩矢量世界图,由大量可选的图层(如人口图、资源图等)分隔,需要移植到html5 Kinetic.JS中,因此,所有层的图形都采用swf/swc/fla。在htmlt5中,这种应用程序的性能最佳实践是什么?是否应该将所有图形转换为svg (向量swf可以吗?)简单地在运行时缩放它,还是将其作为mipmap (预制件缩放版)并绘制预先制作的图像而不是缩放更好呢?
发布于 2014-03-31 18:41:21
KineticJS是基于画布的,画布可以使用.SVG图像进行缩放,而且像素化较少。
更好的视觉效果
为了获得最佳的视觉效果,如果可能的话,您应该继续使用Kinetic.Image使用.SVG图像源。
更好的性能
Kinetic的最新版本(5.1.0)增加了一个Kinetic.FastLayer,它通过消除事件系统的开销来提高绘图性能。
为了获得更好的性能,除了用户交互层之外,您可以对所有的FastLayers+scaling层使用map+overlay。
https://stackoverflow.com/questions/22768409
复制相似问题