
stroke是HTML5 canvas中的一個方法,stroke()方法可以用于繪制當前路徑。
stroke()方法會實際地繪制出通過 moveTo() 和 lineTo()方法定義的路徑。默認顏色是黑色。
提示:可以使用 strokeStyle屬性來繪制另一種顏色/漸變。
語法:
context.stroke();
示例:
<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</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.strokeStyle = "green";ctx.stroke();</script></body></html>
效果圖:

以上就是HTML中stroke是什么意思?的詳細內容,更多請關注 其它相關文章!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答