文件名称：canvas案例笔记
文件大小：11.71MB
文件格式：ZIP
更新时间：2021-07-23 15:27:57
canvas
canvas基础教程案例笔记 Canvas： 这是画布标签。 ctx： 画笔 在JS中通过元素.getContext("2d") 获取画笔 坐标系： 普通元素有一个定位坐标系 canvas的坐标系叫做绘图坐标系。 ctx可以认为就是坐标系。 坐标系的原点默认位于左上角 x正方向向右 y正方向向下 路径： ctx在绘制内容的时候有一部分API是在绘制路径。也就是说调用完API方法之后不会看到任何内容。但是已经“圈定”了一块区域出来。就是路径。 平移： ctx.translate(x, y) x表示从当前坐标系向x正方向移动x像素 y表示从当前坐标系向y轴的正方向移动y像素 旋转： ctx.rotate(x); x 表示弧度制单位 从当前坐标系沿着旋转x弧度 如果x值为正 顺时针旋转 反之 逆时针旋转