站長(zhǎng)資訊網(wǎng)stroke() 方法會(huì)實(shí)際地繪制出通過(guò)moveTo() 和lineTo()方法定義的路徑，默認(rèn)顏色是黑色。下面我們就來(lái)具體看看stroke() 方法的使用方法。
我們先來(lái)看一下stroke() 方法的基本語(yǔ)法：
context.stroke();
接下來(lái)我們來(lái)看一下具體的示例
代碼如下
<!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>
效果如下：我們可以看到繪制了一個(gè)L型的黑色路徑。
本篇文章到這里就全部結(jié)束了，更多精彩內(nèi)容大家可以關(guān)注php中文網(wǎng)的其他相關(guān)欄目教程?。?！
