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型的黑色路径。
本篇文章到这里就全部结束了,更多精彩内容大家可以关注教程集的其他相关栏目教程!!!
以上就是stroke方法怎么使用的详细内容,更多请关注教程集其它相关文章!
-->您可能感兴趣的文章:
stroke方法怎么使用
golang判断结构体为空
电脑键盘蓝牙无法使用怎么办?笔记本蓝牙无法使用解决方法
Go1.12, 轻松实现 HTTPS & WSS 动态反向代理
php中intval()的int转换时意外情况解析
PHPUnit教程(二)PHPUnit基本用法
笔记本使用Win8.1触摸板无法缩放怎么办
如何通过Hash算法实现服务器节点的合理调度——通过Go语言实现一致性Hash算法
python3爬虫实战:使用浏览器cookie
HTML5如何使用SVG(代码示例)