编辑“︁Canvas (HTML元素)”︁（章节）

== 範例 ==
Canvas是一個HTML元素。可以利用JavaScript程式語言在該元素上繪圖，常見的應用包括繪製圖形及文字、影像處理、遊戲及動畫製作。
若要在HTML上放置Canvas元素，可以使用以下範例：
<syntaxhighlight lang=html5>
<canvas id="canvas" width="寬度" height="高度">
  您的瀏覽器不支援canvas元素（此訊息在瀏覽器不支援canvas元素時顯示）
</canvas>
</syntaxhighlight>这是一段在 Canvas 元素上绘制一个 100x100 大小的正方形的 Javascript 代码：<syntaxhighlight lang="js" line="1">
var c=document.getElementById("canvas");     //获取HTML中的Canvas元素。
var ctx=c.getContext("2d");                  //它返回一个在二维平面上绘图的环境。
ctx.fillStyle = 'green';                     //设置填充时使用green（绿色）
ctx.rect(0,0,100,100);                       //在 x=0, y=0 的位置绘制一个 100x100的矩形
ctx.stroke();                                //画出刚刚绘制的边框
</syntaxhighlight>