画布标签画线问题....

问题描述：

我有一个画布标签，我用它画线，画布是方形的。我使用“空格”来记录两行之间的空格。我有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); 

     }

我可以用画在画布上，上所有的红线，但绿线只能在画布上画两个，其他只是不能出现，我用try {} catch，并且没有错误消失。

我发现有一个问题，当Y轴是大于150将不显示的元素...... – DNB5brims 2009-08-05 10:13:12

答

你使用什么浏览器？

该问题似乎并未出现在您显示的代码中，因为它适用于我。

这是我的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>

我正在开发webOS .... – DNB5brims 2009-08-05 10:11:57

答

为什么你使用parseInt，你的空间变量是否有字符串类型？如果不是，请尝试删除parseInt。

我删除它，它仍然不能画出所有的绿线。 – DNB5brims 2009-08-05 09:38:46

画布标签画线问题....

相关推荐