-
通过修改参数可以创建各种多边形 <script> window.onload = function(){ var canvas = document.getElementById("canvas"); canvas.width = 800; canvas.height = 800; var context = canvas.getContext("2d"); drawPol(context,6,300,300,400,400,0,60,60,60,10); } function drawPol(cxt,pol,R,r,x,y,rot,angle,angle2,angleDiff){ cxt.beginPath(); for (var i=0; i<pol; i++){ cxt.lineTo(Math.cos((angle+i*angleDiff-rot)/180*Math.PI)*R+x, -Math.sin((angle+i*angleDiff-rot)/180*Math.PI)*R+y); cxt.lineTo(Math.cos((angle2+i*angleDiff-rot)/180*Math.PI)*r+x, -Math.sin((angle2+i*angleDiff-rot)/180*Math.PI)*r+y); } cxt.closePath(); cxt.stroke(); } </script>查看全部
-
cxt.lineTo(Math.cos(angle+i*angelDiff-rot)/180*Math.PI)*R+x), -Math.sin(angle+i*angelDiff-rot)/180*Math.PI)*R+y);查看全部
-
矩形rect(x,y,width,height) 函数 fillRect\strokeRect查看全部
-
比较好的代码书写顺序： 1、绘制图形的途径 2、绘制图形状态 3、绘制查看全部
-
要命的中英文括号 ()--英文 （）--中文 如果编码是用错了括号，那页面就不认识了！查看全部
-
clip的位置查看全部
-
fillstyle();查看全部
-
fillStyle适用的样式效果同样适用与strokeStyle查看全部
-
var grd=context.createLinearGradient(xstart,ystart,xend,yend); grd.addColorStop(stop,color);//stop:0-1之间浮点数查看全部
-
笔记内容查看全部
-
逆时针绘制时，弧度点是不会变的查看全部
-
lineJoin: miter bevel round lineCap: round rect查看全部
-
miterLimit查看全部
-
miterLimit = "10"查看全部
-
lineJoin: miter bevel round查看全部
举报
0/150
提交
取消