svg canvas区别

svg：是一种用于描述图形的XML语法。

使用canvas来绘制图形是通过调用它提供的方法，API是基于Javascript的。

svg绘制图形是通过构建xml元素来实现。

区别：svg图形可以简单的通过移除相应的元素来编辑图片。而canvas要移除图片中的元素要把当前的元素擦除再重绘制一遍。

 

大部分画布绘制API都不是在<canvas>元素自身上定义，而是定义在一个“绘制上下文”对象上，获取对象通过getContext()方法，参数"2d"（还有3d）

每个canvas元素只有一个上下文对象

var canvas = document.getElementById("#my_canvas_id");

var c = canvas.getContext('2d');