주니오주니
190
2020-11-01 17:28:40 작성 2020-11-01 17:49:43 수정됨
1
114

canvas 질문이요!!


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            canvas {
                border1px solid black;
            }
            div.scroll {
                overflowauto;
                height1000;
                width: 500;

            }
        </style>
    </head>
    <body>
        <div class="scroll">
            <canvas id="content" width="500" height="1000"></canvas>
        </div>
        <script>
            var canvas = document.getElementById('content');
            var ctx = canvas.getContext("2d");
            for (var a = 0a < 45a++) {

                ctx.rect(20 + 20 * a95010, -a);

            }

            ctx.fillstyle = "#FF0000";
            ctx.fill();
        </script>
    </body>
</html>

그래프가 범위를 넘어버려서 화면에 짤리는데 overflow : auto; 했는데 적용이 안되더라구요... 혹시 방법이 있을까요?
-1
0
  • 답변 1

  • 초보자1212
    1k
    2020-11-01 19:06:02

    캔버스는 지정된 영역 내에서만 그립니다

    영역을 벗어나는 곳에서 그리려고해도 화면엔 표시가 안됩니다

  • 로그인을 하시면 답변 을 등록할 수 있습니다.