在畫布上繪製的Javascript循環中出現錯誤

我有一個帆布

<canvas id="myCanvas" onclick=point_it(event) width=1450 height=1100 style="border:1px solid #000000;">

我有我的觀點......

points1 = [ 
{x: 138, y: 34}, 
{x: 22, y: 119}, 
{x: 189, y: 144}, 
{x: 138, y: 34}, 
]; 
points2 = [ 
{x: 98, y: 185}, 
{x: 39, y: 268}, 
{x: 183, y: 301}, 
{x: 98, y: 185}, 
{x: 150, y: 115}, 
]; 

pointsArray = [points1,points2];

我想使用的moveTo，接近並填寫吸引他們。我需要重複可變次數，但我不能得到這個循環正常工作...

for (var i = 0; i < pointsArray.length; i++) { 
    for (var p = 0; p+1 <= pointsArray[i].length; p++) { 
     if (p<1) { 
     var c2 = myCanvas.getContext('2d'); 
     c2.beginPath(); 
     c2.fillStyle = '#'+Math.floor(Math.random()*16777215).toString(16); 
     } 
     if (p<=pointsArray[i].length) { 
     c2.moveTo(pointsArray[i][p].x, pointsArray[i][p].y); 
     } 
     if (p=pointsArray[i].length) { 
     c2.closePath(); 
     c2.fill(); 
     } 
    } 
}

我是新來的。任何幫助，將不勝感激。謝謝！

來源

2013-03-29 user2224693

使用jshint：http://jshint.com/錯誤在此間指出，被捉住。 – epascarello

的=應該是==這裏：

if (p==pointsArray[i].length) { 
    ^^

來源

2013-03-29 14:37:47

在畫布上繪製的Javascript循環中出現錯誤

回答

相關問題