亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求教,七巧板只有一個框

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<canvas id="myCanvas" style="border:1px solid #aaa; display:block; margin: 50px auto;">

當前瀏覽器不支持Cancas,請更換瀏覽器再試。

</canvas>

<script>



window.onload = function(){

var sev = [

{p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"red"},

{p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"orange"},

{p:[{x:800,y:0},{x:800,y:400},{x:600,y:400},{x:600,y:200}],color:"yellow"},

{p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"green"},

{p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"blue"},

{p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"purple"},

{p:[{x:800,y:400},{x:800,y:800},{x:400,y:800}],color:"brown"},

]


var canvas = document.getElementById('myCanvas');

var context = canvas.getContext("2d");


canvas.width = 800;

canvas.height = 800;




for(var i=0; i <sev.length; i++){

draw(sev[i],context);

}



function draw(piece,cxt){

cxt.beginPath();

cxt.moveTo(piece.p[0].x,piece.p[0].y);

for(var j=1; j<piece.length; j++);

cxt.lineTo(piece.p[j].x,piece.p[j].y);

cxt.closePath();


cxt.fillStyle = piece.color;

cxt.fill();


}


}

</script>


</body>

</html>


正在回答

2 回答

啊,找到了,是piece.p.length沒有分號

0 回復 有任何疑惑可以回復我~

一行代碼,兩個問題,紅色部分已標出

http://img1.sycdn.imooc.com//59101e080001722403280236.jpg

0 回復 有任何疑惑可以回復我~
#1

慕粉1859536052 提問者

咦,我用控制臺檢查是完全沒問題... 如果算是自動斷行的話,劃出來的分號去掉了還是只有一個框誒~
2017-05-09 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
炫麗的倒計時效果Canvas繪圖與動畫基礎
  • 參與學習       96884    人
  • 解答問題       1029    個

學習HTML5中最激動人心的技術Canvas,徹底釋放自己的創造力

進入課程

求教,七巧板只有一個框

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號