共享博客stroke方法怎么使用
stroke() 方法会实际地绘制出通过moveto() 和lineto()方法定义的路径，默认颜色是黑色。下面我们就来具体看看stroke() 方法的使用方法。
我们先来看一下stroke() 方法的基本语法：
context.stroke();
接下来我们来看一下具体的示例
代码如下
<!DOCTYPE html><html><body><canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"></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.stroke();</script> </body></html>效果如下：我们可以看到绘制了一个L型的黑色路径。
本篇文章到这里就全部结束了，更多精彩内容大家可以关注php中文网的其他相关栏目教程！！！
文章推荐
-
实例分析：html5前端性能的测试（图文）
本篇文章给大家带来的内容是关于实例分析：html5前端性能的测试（图文），有一定的参考价值，有需要的朋友可以参考一下，希...
H5教程
1分钟前 0 -
html5 section标签是什么意思？
本篇文章主要的介绍了关于html5 section标签的定义以及它的用法，最后还有一个案例总结，现在让我们开始阅读这篇文...
H5教程
2分钟前 0 -
关于html5中的section标签与div标签的区别（内有实例）
本篇文章主要的想大家介绍了关于html5 section标签和div标签的区别，section和div的用法看似相近，实...
H5教程
2分钟前 0 -
html5 canvas标签是什么意思？
本篇文章主要的为大家介绍了关于html5中的canvas标签的绘图，说明了html5 canvas标签的定义和基本的使用...
H5教程
3分钟前 0 -
html5 header标签是什么意思？
本篇文章主要的向大家介绍了关于html5 header标签的元素的基本介绍，和header标签的用法实例解析。下面就让我...
H5教程
4分钟前 0