-
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); 對(duì)一個(gè)矩形空間內(nèi)的圖像做刷新查看全部
-
實(shí)現(xiàn)動(dòng)態(tài)的第一個(gè)方法：使用計(jì)時(shí)器。 setInterval(第一個(gè)參數(shù)為匿名函數(shù),第二個(gè)參數(shù)為每幀毫秒數(shù));查看全部
-
計(jì)算圓心位置查看全部
-
畫(huà)多個(gè)弧 注意，如果有closePath的話，如果線段沒(méi)有閉合，會(huì)自動(dòng)閉合。 如果沒(méi)有closePath，線段不會(huì)自動(dòng)閉合。查看全部
-
弧坐標(biāo)查看全部
-
畫(huà)弧線 centerx centery 圓心XY坐標(biāo), radius圓弧半徑 startingAngle 開(kāi)始的角度, endingAngle 結(jié)束的角度 anticlockwise=false 順時(shí)針查看全部
-
Canvas是基于狀態(tài)的。如果不設(shè)定狀態(tài)的起始視為同一個(gè)狀態(tài)。以context.beginPath()開(kāi)始，context.closePath()結(jié)束，中間的狀態(tài)是獨(dú)立的。查看全部
-
給多邊形填色查看全部
-
多線條查看全部
-
context.lineWidth 線條寬度 context.strokeStyle 線條樣式查看全部
-
先設(shè)置狀態(tài)，后做繪制查看全部
-
從(100,100)到(700,700)，具體的過(guò)程調(diào)用stroke()方法。查看全部
-
convas的方法查看全部
舉報(bào)
0/150
提交
取消