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型的黑色路径。
本篇文章到这里就全部结束了,更多精彩内容大家可以关注jquery中文网的其他相关栏目教程!!!
以上就是stroke方法怎么使用的详细内容,更多请关注jQuery中文网其它相关文章!
-->您可能感兴趣的文章:
stroke方法怎么使用
Go1.12, 轻松实现 HTTPS & WSS 动态反向代理
php中intval()的int转换时意外情况解析
python3爬虫实战:使用浏览器cookie
HTML5如何使用SVG(代码示例)
电脑键盘蓝牙无法使用怎么办?笔记本蓝牙无法使用解决方法
PHPUnit教程(二)PHPUnit基本用法
如何用Python的随机数制作验证码?
Python文件路径是什么?怎么写?
Django中使用原生sql语句的方法有哪些?