HTML canvas closePath() 方法

Canvas 對象

繪制一條路徑，形式是字母 L，然後繪制線條以傳回開始點：

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript：

var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

ctx.beginPath();

ctx.moveTo(20,20);

ctx.lineTo(20,100);

ctx.lineTo(70,100);

ctx.closePath();

ctx.stroke();

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支援 closePath()

方法。

<b>注意：</b>Internet Explorer 8 及之前的版本不支援 &lt;canvas&gt; 元素。

closePath() 方法建立從目前點到開始點的路徑。

提示：請使用 stroke() 方法在畫布上繪制确切的路徑。

提示：請使用 fill() 方法來填充圖像（預設是黑色）。請使用 fillStyle

屬性來填充另一個顔色/漸變。

JavaScript 文法：

context.closePath();

把紅色作為填充顔色：

Yourbrowserdoesnotsupportthecanvastag.

ctx.fillStyle="red";

ctx.fill();