コメント：キャンバスのキャンバスに幅と高さを書くとき、それはキャンバスの実際のアートボードサイズです。デフォルトでは、幅は300px、高さは150pxです。次に、詳細な紹介を示します。興味のある友達はそれを参照できます。
キャンバスでは、キャンバスに幅と高さを書き込む場合は、キャンバスの実際のアートボードサイズであり、デフォルトでは幅は300px、高さは150pxです。CSSスタイルをスタイルで書くとき、WIDHTと高さは実際のディスプレイサイズです。
次の例として、キャンバスを使用して対角線を描画します。
<！doctype html>
<head>
<メタcharset = utf-8 />
<title> canvas </title>
<script type = 'text/javascript'>
window.onload = function（）{
getCanvas（）;
};
//図面をキャンバスします
関数getCanvas（）{
//キャンバス要素とその描画コンテキストを取得します
var canvas = document.getElementById（ 'canvasid'）;
var context = canvas.getContext（ '2d'）;
//絶対的なサインポストでパスを作成します
context.beginpath（）;
Context.Moveto（0,200）;
Context.lineto（200,0）;
//最初にキャンバスにこれを描画します
context.stroke（）;
}
</script>
</head>
<body>
<canvas>/canvas>
</body>
</html>
ディスプレイ効果は次のとおりです。
ご覧のとおり、キャンバス図面は200*200の正方形であり、図面は（0、200）から（200、0）から斜めのディスプレイを使用します。
ただし、グラフィックは400*200の長方形で表示され、ディスプレイも対角線であります。