캔버스 태그 도면 선 문제…

StackOverflow https://stackoverflow.com/questions/1232146

  •  22-07-2019
  •  | 
  •  

문제

나는 캔버스 태그가 있고, 그것을 사용하는 선을 사용하고, 캔버스는 정사각형입니다. 나는 "공간"을 사용하여 두 줄 사이의 공간을 기록합니다. 그리고 나는 캔버스 크기를 녹음 할 캔버스 폭과 캔버시를 가지고 있습니다. 실제로 그들은 같은 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를 제거하십시오.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top