HTML中stroke有哪些意思?
发布时间:09/01 来源:未知 浏览:
关键词:
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是啥意思?的具体内容,更多请关注百分百源码网其它相关文章!