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');