-
优化数组查看全部
-
code split查看全部
-
draw查看全部
-
canvas炫丽倒计时绘制2-2 绘制线条 ctx=doucment.getElementById("mycanvas").getContext(); ctx.beginPath(); ctx.moveTo(x1,y1); ctx.lineTo(x2,y2); ctx.lineTo(x3,y3); ctx.lineTo(x1.y1); ctx.closePath(); //定义一个绘制状态 ctx.strokeStyle="red"; ctx.lineWidth="5"; //设置绘制线条的颜色及宽度 ctx.fillStyle="black"; ctx.fill(); //填充的颜色，注意fill()要求路径的闭合的不然fill()会自动从起点到终点来一条直线//来闭合 ctx.stroke(); //进行绘制查看全部
-
炫丽倒计时效果 1、<canvas id="myCanvas" width="1000" height="500"></canvas>画布标签 <style> #myCanvas{ width:1000px; height:500p; //不要在这里写width height } </style> 2、如果浏览器比较老不支持canvas标签 在JavaScript里可这么写 <script> if(document.getElementById("myCanvas").getContext()){ ...... } else{ alert("您的浏览器不支持canvas标签"); } </script>查看全部
-
圆心位置计算查看全部
-
点阵js查看全部
-
七巧板2查看全部
-
七巧板1查看全部
-
arc angle角度查看全部
-
fill函数或自动填充未封闭的图形查看全部
-
beginPath与closePath不一定要一起出现查看全部
-
closePath自动将不封闭的路径首位链接查看全部
-
stroke的内容里面，后面的定义会覆盖前面的内容查看全部
-
canvas 是基于状态绘制的，即先定义状态，后绘制 1.起始 context.moveTo(100,100) 2.终止 context.lineTo(700,700) 3.线条 context.stroke() 4.线宽 context.lineWidth=5 5.颜色 context.strokeStyle='orange' 6.填充颜色 context.fillStyle = 'rgba(2,2,2,0.3)' 7.填充 context.fill() 8.既可填充，又可描边 9.声明开始路径 context.beginPath() 10.声明结束路径 context.closePath()查看全部
举报
0/150
提交
取消