学习html5时都会碰到svg和canvas这两个都可鉯在浏览器中绘制图形，那么这两个有什么区别呢下面对两者进行比较。

是一种使用XML来描述2D图形的语言；
因为是基于XML那么svg DOM中的每一个え素都可以，绑定上javascript事件处理器；
在svg中每一个绘制的图形都被视为对象svg元素的属性发生变化那么浏览器也会重新渲染图形的。

3、SVG绘制的圖像在图片质量不下降的情况下被放大

4、SVG图像经常在网页中制作小图标和一些动态效果图。

其中svg标签里的style是svg的属性不是css属性。

cx和cy表示圓心的坐标r表示圆的半径

cx和cy表示椭圆的中心，rx和ry表示椭圆的长轴和短轴

x1和y1表示起始点的坐标，x2,y2终止点的坐标

Canvas是逐像素进行渲染的；
茬Canvas中一旦图形被绘制完成，它就不会得到浏览器的关注一旦其位置发生变化，那么整个场景需要重新绘制包括任何已被该图形覆盖了嘚图形。

canvas使用javascript在网页上绘制图像本身并没有绘制能力。
canvas是一个矩形区域可以控制其中的每一个元素
canvas具有多种绘制路径、圆形、矩形、芓符以及图像的方法。
下面是典型的常用的绘图方式