针对SVG的性能优化

       SVG是一种富客户端技术，是一种实时的解析并且渲染的XML，所以在交互性能上不是非常令人满意的，其实这也是富客户端技术的通病，本身效果和性能就不可兼得，这就需要我们做出一种平衡。

 

      对于SVG的性能也是有一些方法优化的，其实对于SVG的优化可能从两方面入手来解决，一是SVG本身的优化，另一方面是针对js的优化，那么关于js的优化其实网络上很多方法，这里不过多介绍，下面主要是从SVG自身优化的角度进行介绍。

 

       1. 将属性“Pointer-event”设置为None。

       其实如果一个元素如果要是不需要产生任何事件的话，最好吧这个属性设置成none。其实每个元素都有很多事情，一次鼠标移动就可以让有用没有用的事件被激活，即便是没有事件处理函数，SVG解析器也是要处理这些事件消息的。所以为了减少解析器的工作负担，就直接屏蔽掉最好。