-
Canvas绘图详解 4-4 深入理解图形变换（transform）查看全部
-
Canvas绘图详解 4-4 深入理解图形变换 使用transform设置变换矩阵每次设置是在之前的变换矩阵的基础上进行设置，即transform设置的变换矩阵可以产生级联关系查看全部
-
Canvas绘图详解 4-4 深入理解图形变换 图解查看全部
-
Canvas绘图详解 4-3 应用translate rotate和scale 图形变换会使坐标系发生变化 ctx.translate(x,y) ctx.rotate(deg) ctx.scale(sx,sy)查看全部
-
Canvas绘图详解 4-2 图像变换和状态保存 1.图形变换整个坐标系会发生变化 2.Canvas在图形变换中是叠加的 为了避免叠加可用ctx.save和ctx.restore成对出现 建议：当我们在绘制一个整体的一个元素特别是在其中使用图形变换操作的时候都应该先save再最终绘制结束的时候restore查看全部
-
Canvas绘图详解 4-2 图像变换和状态保存 将绘制路径封装成一个函数查看全部
-
Canvas绘图详解 4-1画一片星空 r = Math.random() * 10 +10 半径在10-20之间 如何让星星在边界完全显示出来且不会重叠查看全部
-
Canvas绘图详解 ctx.lineJoin = "miter/round/bevel" ctx.miterLimit = "10(默认值)"查看全部
-
Canvas绘图详解 3-2 画一个五角星查看全部
-
Canvas绘图详解 3-1 线条的帽子 lineWidth = "" lineCap = "butt(default)/round/square" 用于设置线条两端的形状不能用于线段的连接处 总结：让线条之间的空隙补上方法有lineCap：square和 closePath自动把空隙补上。一般建议使用closePath查看全部
-
颜色的几种表示方法查看全部
-
Canvas绘图详解 2-5 矩形 覆盖和透明色 ctx.rect(x,y,width,height) ctx.fillRect(x,y,width,height) ctx.strokeRect(x,y,width,height) 后绘制的图形如果和前绘制的图形发生重叠的画，后绘制的图形会遮挡前绘制的图形查看全部
-
Canvas绘图详解 2-5 矩形 覆盖和透明色 ctx.rect(x,y,width,height) ctx.fillRect(x,y,width,height) ctx.strokeRect(x,y,width,height)查看全部
-
Canvas绘图详解 2-4多边形的填充closePath 编写绘制函数 可编写绘制图形库查看全部
-
Canvas绘图详解 2-4 多边形的填充closePath 注意：当我们需要绘制一个需要描边的一个填充图案的时候通常先填充颜色再描边；如果调换位置描边的内侧可能被填充颜色 先定义绘制状态再写绘制函数查看全部
举报
0/150
提交
取消