-
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
提交
取消