キャンバスタグの描画線の問題....

私はキャンバスタグを持っています。私はキャンバスタグを持っています。その上に線を描きます。キャンバスは正方形です。 "space"を使って2行の間のスペースを記録します。と私はcanvasWidthとcanvasHightは実際に、彼らは同じnumnberある、キャンバスサイズを記録しなければならない.... 320キャンバスタグの描画線の問題....

 var x=0; 
     for (var i = 0; i < 5; i++) { 
      x = parseInt(x + space); 

      myCanvas.fillStyle = "rgb(200,0,0)"; 
      myCanvas.fillRect(x, 1, 1, canvasHeight); 
      myCanvas.fillStyle = "rgb(0,200,0)"; 
      myCanvas.fillRect(1, x, canvasWidth, 1); 

     }

私はすべてのキャンバス、上の赤い線が、緑色の線を描く使用することができますキャンバスに2つだけ描画することができます、他はちょうど表示することはできません私はtry {} catchを使用し、エラーが消えません。

出典

2009-08-05 DNB5brims

Y軸150は、要素を表示しませんよりも大きいとき、私は、問題がある見つける... ... – DNB5brims

どのブラウザが使用していますか？

問題は表示されているコードには表示されません。なぜなら、問題は私のためにうまく機能するからです。ここで

は、私の例のhtmlです：

<!DOCTYPE html> 
<html> 
<body> 
<canvas id="myCanvas" height="320" width="320" /> 

<script language="javascript"> 
var myCanvas = document.getElementById('myCanvas').getContext('2d'); 
var space = 10; 
var x=0; 
var canvasHeight = 320; 
var canvasWidth = 320; 
for (var i = 0; i < 5; i++) { 
    x = parseInt(x + space); 

    myCanvas.fillStyle = "rgb(200,0,0)"; 
    myCanvas.fillRect(x, 1, 1, canvasHeight); 
    myCanvas.fillStyle = "rgb(0,200,0)"; 
    myCanvas.fillRect(1, x, canvasWidth, 1); 

} 
</script> 

</body> 
</html>

出典

2009-08-05 09:44:50

私はwebOSを開発しています.... – DNB5brims

なぜparseIntを使用するのですか？スペース変数には文字列型がありますか？そうでない場合は、parseIntを削除してみてください。

出典

2009-08-05 09:35:56

は、私はまだ、それを、それを削除しましたすべての緑色の線を描画することはできません。 – DNB5brims

キャンバスタグの描画線の問題....

答えて

関連する問題