-
通過修改參數可以創建各種多邊形 <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
提交
取消