canvas

开始学习canvas

参考博客地址：Canvas 从入门到劝朋友放弃（图解版）

1. 关于Canvas与SVG

1. Canvas受分辨率影响，不支持事件，数据发生变化需要重绘
2. SVG矢量图不受分辨率的影响，支持事件，不需要重绘

• 如果展示的数据多使用canvas，如果与用户交互别较多使用svg

1.注意点

1.默认信息

1. canvas有默认宽高300×150，有宽高属性可以设置宽高（不需要单位），如果使用css设置宽高，会在默认宽高上拉伸到css设置的宽度和高度。
2. 线条默认是1px黑色，但是默认情况下，会将线条的中心点和像素的底部对齐，所以会导致显示效果是 2px 和非纯黑色问题
3. 兼容问题IE9（我反正不考虑啦，不兼容IE）

2.坐标系

canvas采用 W3C坐标系，从上往下，从左往右，并不是数学直角坐标系哦。