문제
나는 캔버스 태그가 있고, 그것을 사용하는 선을 사용하고, 캔버스는 정사각형입니다. 나는 "공간"을 사용하여 두 줄 사이의 공간을 기록합니다. 그리고 나는 캔버스 크기를 녹음 할 캔버스 폭과 캔버시를 가지고 있습니다. 실제로 그들은 같은 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);
}
나는 캔버스의 모든 빨간색 선을 사용할 수 있지만 녹색 선은 캔버스에서 두 개만 그릴 수 있고, 다른 하나는 나타날 수없고, 시도 {} 캐치를 사용했으며 오류가 사라지지 않습니다.
해결책
어떤 브라우저를 사용하고 있습니까?
문제는 나에게 잘 작동하기 때문에 당신이 보여준 코드에 문제가없는 것 같습니다.
여기 내 예제 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>
다른 팁
Parseint를 사용하는 이유는 무엇입니까? 공간 변수가 문자열 유형을 가지고 있습니까? 그렇지 않은 경우 Parseint를 제거하십시오.
제휴하지 않습니다 StackOverflow