可扩展的Kinetic.JS矢量地图

时间:2014-03-31 17:38:14

标签: javascript html5 flash svg kineticjs

我有一个带有巨大的交互式可扩展矢量世界地图的flash应用程序,它由超大量的可选图层(例如人口地图,资源图等)分隔,我需要将其移植到html5 Kinetic.JS中。因此,所有图层图形都在swf / swc / fla中。 在htmlt5中,此类应用程序的性能最佳实践是什么?我应该将所有图形转换为svg(可能是矢量swf?)并在运行时简单缩放它,还是将它光栅化为某些mipmap(预制缩放版图形)并绘制预先映像而不是缩放?

1 个答案:

答案 0 :(得分:1)

KineticJS是基于画布的,画布可以使用.SVG图像进行缩放,减少像素化。

更好的视觉效果

为获得最佳视觉效果,如果可能,您应该使用.SVG图像源坚持使用Kinetic.Image。

更好的表现

最近发布的Kinetic(5.1.0)增加了一个Kinetic.FastLayer,它通过消除事件系统的开销来提高绘图性能。

为了获得更好的性能,您可以对除用户交互层之外的所有地图+叠加层使用FastLayers +缩放。