站長資訊網stroke() 方法會實際地繪制出通過moveTo() 和lineTo()方法定義的路徑，默認顏色是黑色。下面我們就來具體看看stroke() 方法的使用方法。
我們先來看一下stroke() 方法的基本語法：
context.stroke();
接下來我們來看一下具體的示例
代碼如下
<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"> </canvas> <script> 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.stroke(); </script> </body> </html>
效果如下：我們可以看到繪制了一個L型的黑色路徑。
本篇文章到這里就全部結束了，更多精彩內容大家可以關注php中文網的其他相關欄目教程！！！
