예전에는 캔버스를 사용하여 그림을 그릴 때 항상 캔버스 태그에 너비와 높이를 직접 적어서 문제가 없었지만 왜 너비와 높이를 지정해야 하는지 탐구한 적이 없습니다. 각 데이터가 예제에 쓰여 있기 때문에 캔버스 태그에 직접 작성해야 합니다. 오늘 Sir Wang은 질문을 던졌습니다. 너비와 높이를 로 쓰면 어떤 차이가 있는지 살펴보겠습니다. 나는 다음을 직접 시도했지만 확실히 문제가 있습니다. </p> <p>먼저 코드를 살펴보겠습니다: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canvas</title> <meta name="Keywords" content=""> <meta name="author" content="@my_programmer"> <style type="text/css"> body{margin:0;} canvas{margin:20px; /*width: 400px; height: 300px;*/ } function draw() { var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); context.beginPath(); context.moveTo(20,20); context.lineTo(200,100); context.lineWidth=5; context.stroke(); }
