这篇文章主要讲解了“HTML中的stroke是什么意思”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML中的stroke是什么意思”吧!
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是什么意思”的内容了,经过本文的学习后,相信大家对HTML中的stroke是什么意思这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。