-
translate(x,y） rotate(deg) scale(sx.xy)查看全部
-
context.lineJoin:線條相交時的屬性 miter(default) bevel(斜接) round(圓接) context.miterLimit =10;(小于十像素就變為bevel)查看全部
-
fillRect(x,y,width,height),strokeRect(x,y,width,height)查看全部
-
fillStyle ,strokeStyle屬性： #ffffff; #642; rgba(0,256,0,0.5); hsla(40,60%,40%,0.6);查看全部
-
var context = canvas.getContext("2d"); context.moveTo(100,100); context.lineTo(400,400); context.lineWidth=5; context.strokeStyle="red"; context.stroke();查看全部
-
我也來一個，可以修改pol直接修改有多少個角的對稱多邊形 <script> window.onload = function(){ var canvas = document.getElementById("canvas"); canvas.width = 800; canvas.height = 800; var context = canvas.getContext("2d"); context.lineWidth=10; drawStar(context,150,300,400,400,0,7,18); }; function drawStar(cxt,r,R,x,y,rot,pol,angelStart){ cxt.beginPath(); for (var i=0;i<pol;i++){ cxt.lineTo(x+R*Math.cos((angelStart+(360/pol)*i-rot)/180*Math.PI),y-R*Math.sin((angelStart+(360/pol)*i-rot)/180*Math.PI)); cxt.lineTo(x+r*Math.cos((angelStart+360/(pol*2)+(360/pol)*i-rot)/180*Math.PI),y-r*Math.sin((angelStart+360/(pol*2)+(360/pol)*i-rot)/180*Math.PI)); } cxt.closePath(); cxt.stroke(); } </script>查看全部
-
context.createPattern(img/canvas/video,repeat-style)查看全部
-
context.arc查看全部
-
畫布中創建畫布查看全部
-
畫布中調用畫布查看全部
-
CreatPattern 中可以再調用 畫布查看全部
-
定義一張圖片 var img = new img(); img.src = "abc.jpg"; img.onload = function(){ }查看全部
-
transform（a,b,c,d,e,f） 變換矩陣 setTransform(a,b,c,d,e,f)查看全部
-
translate（x,y） 位移 rotate(deg) 旋轉 scale(sx,sy) 縮放查看全部
-
圖形學圖書查看全部
舉報
0/150
提交
取消