-
先填充色再描边查看全部
-
.transform(1,0,0,1,0,0)原型查看全部
-
变换矩阵查看全部
-
画月亮实现复用查看全部
-
for循环产生200随机化的星星查看全部
-
改进代码2查看全部
-
改进的代码查看全部
-
改进方法查看全部
-
context.beginPath();查看全部
-
createPattern(img , repeat-style )查看全部
-
1111111111111111111111111111查看全部
-
scale缩放会对左上角坐标（原点坐标）、线条宽度、和图形一起进行缩放 save，restore 对其产生的作用有限查看全部
-
lineCap 线帽 butt 默认样式长度不变 round 两端突出圆形头 square 两端突出矩形头 round与square不能用于线段连接处 lineJoin 线条相交时的样式 miter 尖角 默认 miterLimit 尖角最大距离 bevel 平角 round 圆角查看全部
-
基于面向对象的思想封装函数思路很好，老师的这种方法可以绘制出更多图形。不过我觉得如果只绘制一个标准五角星只传入一个半径就够了，样式可以更标准以后调用时也可以更方便。代码如下： var canvas=document.getElementById('canvas'); var ctx=canvas.getContext('2d'); ctx.lineWidth=10; window.onload=function(){ drawStar(ctx,300,400,400,25) } function drawStar(ctx,R,x,y,rot){ ctx.beginPath(); for(var i=0;i<5;i++){ ctx.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*R+x,-Math.sin((18+i*72-rot)/180*Math.PI)*R+y); ctx.lineTo(Math.cos((54+i*72-rot)/180*Math.PI)*0.4*R+x,-Math.sin((54+i*72-rot)/180*Math.PI)*0.4*R+y); } ctx.fillStyle='lawngreen'; ctx.fill(); ctx.closePath(); ctx.stroke(); }查看全部
-
transform(a,b,c,d,e,f) 水平缩放、水平倾斜、垂直倾斜、垂直缩放、水平位移、垂直位移 setTransform(a,c,d,e,f) 重置图形变换查看全部
举报
0/150
提交
取消