以前はcanvasを使って絵を描くときは、常に幅と高さをcanvasタグに直接書いていましたが、なぜ幅と高さを直接記述する必要があるのかを調べたことがありませんでした。これはさまざまな例で書かれているためです。今日、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(); }
