以前用canvas畫圖時，都是直接在canvas標籤裡直接寫上寬高，沒有問題，但也沒有探究過為什麼寬高要直接寫在canvas標籤裡，因為各個資料的例子上都是這麼寫的。今天王sir提出了一個問題：如果寬高寫在裡，看看會有什麼不同。自己試了以下，果然有問題。 </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(); }
