2013-02-07 17 views
0

我正在開發一個應用程序,該應用程序應該在畫布上繪製一些矩形。這個想法是通過把每一個放在最後一邊來繪製它們的 - 我的意思是,在另一個完成的地方開始繪製它。將整數添加到javascript上的數組

我已經創建了一個按鈕,可以從輸入中獲取值,這很容易。我將這些值添加到數組中,但每次按下按鈕時,數組都會再次爲空。我聽說我需要一個「實例變量」,但我現在很迷茫。

任何幫助將受到歡迎。 這是代碼

function corta() { 
    var c = document.getElementById("myCanvas"); 
    var ctx = c.getContext("2d"); 
    var medida1 = document.getElementById('medida2').value; 
    var medida2 = document.getElementById('medida1').value; 
    var corte1 = Math.round(medida1); 
    var corte2 = Math.round(medida2); 
    var arrayAncho = []; 
    var arrayLargo = []; 
    var ancho = 0; 
    var largo = 0; 
    arrayLargo.push(medida2); 
    arrayAncho.push(medida1); 
    //ancho, largo 

    document.getElementById('medida2').onclick = function() { this.value = ''; }; 
    document.getElementById('medida1').onclick = function() { this.value = ''; }; 

    //metodo para el ancho 

    for (var i = 0; i < arrayAncho.length ; i++) { 
     ancho += arrayAncho[i]; 
    } 

    if (arrayAncho.length == 1) { 
     ctx.fillStyle = "#58FA58"; 
     ctx.fillRect(0, largo, corte1, corte2); 
    } else 
    if (medida1 > 122 - ancho) { 
     ctx.fillStyle = "#58FA58"; 
     ctx.fillRect(ancho, largo, corte1, corte2);//ancho, largo 
    } 

    medida1 = 0; 
    medida2 = 0; 
} 
+5

你應該發佈實際的代碼。沒有人看到(或沒有精神),沒有人能夠提供幫助。 – Pointy

+0

向我們顯示您的代碼。 – SLaks

+0

你可以在你創建數組的地方發佈代碼並添加值嗎? – stuartd

回答

0

運行功能每次運行

var arrayAncho = []; 
var arrayLargo = []; 

這使得每次空白。你必須在功能之外聲明它們,只在代碼塊內引用它們。

+0

我該怎麼做?只是寫在.js文件中?以及我如何參考添加新值?感謝所有人,真的 – user2051485

+0

我該如何做這個參考? – user2051485