SVG是一种富客户端技术,是一种实时的解析并且渲染的XML,所以在交互性能上不是非常令人满意的,其实这也是富客户端技术的通病,本身效果和性能就不可兼得,这就需要我们做出一种平衡。
对于SVG的性能也是有一些方法优化的,其实对于SVG的优化可能从两方面入手来解决,一是SVG本身的优化,另一方面是针对js的优化,那么关于js的优化其实网络上很多方法,这里不过多介绍,下面主要是从SVG自身优化的角度进行介绍。
1. 将属性“Pointer-event”设置为None。
其实如果一个元素如果要是不需要产生任何事件的话,最好吧这个属性设置成none。其实每个元素都有很多事情,一次鼠标移动就可以让有用没有用的事件被激活,即便是没有事件处理函数,SVG解析器也是要处理这些事件消息的。所以为了减少解析器的工作负担,就直接屏蔽掉最好。