- canvas是h5的标签,所以一定要检测浏览器是否支持,检测canvas和它的上下文环境,有得浏览器即使不支持canvas,但是它还是会创建一个dom,并且也可以引用它,但是这个dom并不是canvas (大多数是div标签),所以必须要检测getcontext是否存在
2.要理解canvas的width和height 和style的width和hight的区别
canvas的width和height指的是画布的大小
对于canvas的所有操作都是基于这个大小
想象一下把一张 300300 的照片放进 100100的相框里面 是不是要等比缩小
那么如果把300300的照片放进 10050的相框里 那么高度就会被拉伸 造成了照片变形 (就像电脑桌面的铺满一样)
3.矩形是唯一一种可以直接在2d上下文中绘制的形状
4。绘制路径
beginpath()
arc 绘制弧度
5.绘制文本
measuretext() 方法是利用font textalign textbaseline的当前值来计算的
6.变换
网友评论