h5-canvas画布

一、canvas画布

SVG矢量图：就是用标签代码来画图

canvas:是H5出的技术，用JS来画图    （ SVG和canvas都是代码）

img:是图片，是图片编码

1、canvas基本概念

canvas：画布，h5新标签；

        canvas本身没有任何外观，只是在文档中创建了一个画板；

        ie9之前的版本不支持canvas；

        画布的宽度和高度要用canvas的属性设置，不要直接在css里面定义；如果再css里写了宽高也会覆盖canvas里的属性，只会可能会引起图片的失真

        画布的getContext()方法返回一个“绘制上下文”对象； 绝大多数的画布绘制API来自这个对象； 也就是说画布元素和他的上下文对象是两个完全不同的概念； 调用该方法时，传递的参数是“2d”，也就是getContext('2d')，可以在画布上绘制二维图像； 3d绘制就相对比较复杂了，具体实现还在规范中；getContext('2d')返回的是：CanvasRenderingContext2D

        canvas可以用于双屏互动、大数据页面（百度出的框架echarts）