• 技术文章 >web前端 >html教程

    HTML中stroke是什么意思?

    青灯夜游青灯夜游2019-11-21 15:09:54原创4021

    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>

    效果图:

    1.jpg

    以上就是HTML中stroke是什么意思?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML stroke
    上一篇:HTML的<footer>标签 下一篇:HTML的<keygen> 标签
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• HTML的<caption> 标签
    1/1

    PHP中文网