现在的位置: 首页 > web前端 > 正文

HTML中stroke是什么意思?

2020年01月04日 web前端 ⁄ 共 593字 ⁄ 字号 评论关闭

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是什么意思?的详细内容,更多请关注学步园其它相关文章!

抱歉!评论已关闭.