绘画板 00——为什么用 svg

提到画图,现在的首选印象可能是canvas,但在技术选型上,为什么选择了svg而弃用Canvas?

  1. svg为矢量图,Canvas基于像素,依赖分辨率
  2. Canvas发生变化时,整个场景都会重新绘制
  3. svg以dom形式,方便进行数据传递与通信 (结构过度复杂可能会导致性能下降)
  4. svg支持事件处理器

基于以上几点,选用svg作为绘图技术,采用开源的svgjshttps://github.com/wout/svg.js进行绘画开发。

github地址: https://github.com/wangyuheng/painter

DEMO地址: http://painter.crick.wang/

svg参考文档:http://documentup.com/wout/SVG.js