-
function draw(piece, cxt){ cxt.beginPath() cxt.moveTo(piece.p[0].x,piece.p[0].y); for(var i = 1; i< piece.p.length; i++) cxt.lineTo(piece.p[i].x,piece.p[i].y); cxt.closePath(); cxt.fillStyle = piece.color; cxt.fill(); cxt.strokeStyle = "#000" cxt.lineWidth = 3; cxt.stroke(); }查看全部
-
var tangram = [ {p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"}, {p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67becf"}, {p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"#ef3d61"}, {p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"}, {p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"#a594c0"}, {p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"#fa8ccc"}, {p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:"#f6ca29"} ]查看全部
-
chlearrect(0,0,width,height); 对一个矩形空间内的图像做刷新查看全部
-
实现动态的第一个方法：使用计时器。 setInterval(第一个参数为匿名函数,第二个参数为每帧毫秒数);查看全部
-
计算圆心位置查看全部
-
画多个弧 注意，如果有closePath的话，如果线段没有闭合，会自动闭合。 如果没有closePath，线段不会自动闭合。查看全部
-
弧坐标查看全部
-
画弧线 centerx centery 圆心XY坐标, radius圆弧半径 startingAngle 开始的角度, endingAngle 结束的角度 anticlockwise=false 顺时针查看全部
-
Canvas是基于状态的。如果不设定状态的起始视为同一个状态。以context.beginPath()开始，context.closePath()结束，中间的状态是独立的。查看全部
-
给多边形填色查看全部
-
多线条查看全部
-
context.lineWidth 线条宽度 context.strokeStyle 线条样式查看全部
-
先设置状态，后做绘制查看全部
-
从(100,100)到(700,700)，具体的过程调用stroke()方法。查看全部
-
convas的方法查看全部
举报
0/150
提交
取消