H5 - canvas

1.画布主要的属性就只有两个 width 和 height 简单得不能再过分简单 但是用到它的地方却很多 比如小游戏的场景布局 或者一些小动画 一般会使用canvas去设置

2.在绘制图形的时候，因为有的图形需要开启路径关闭路径，为了方便好记，所以统一都写上
//开启新路径
cxt.beginPath();
//封闭路径
cxt.closePath();

3.在制作渲染效果的时候，需要保存当前环境 然后修改后，再重复保存
//设置旋转环境
cxt.save();
//在异次元空间重置0,0点的位置
cxt.translate(20,20);
//图片/形状旋转
//设置旋转角度 参数是弧度 角度 0-360 弧度=角度*Math.PI/180
//将旋转之后的元素放回原画布
cxt.restore();

附上全部代码：

“`





您的浏览器当前版本不支持canvas标签