html5的canvas绘制线条，moveTo和lineTo详解

 今天在看html5，里面新增的属性有一个canvas，它相当于一个画布你可以用js在里面画你想要的效果！我在w3c的手册里面看到用moveTo和lineTo绘制线条讲的不是很清楚，尤其是moveTo和lineTo函数没有说的很明白！所以特地在这里与新手朋友分享一下我的理解！

    一、w3c里面的代码和实现效果

    手册的代码是这样的

var c = document.getElementById('myCanvas');var cxt = c.getContext("2d");cxt.moveTo(10, 10);cxt.lineTo(150,50);cxt.lineTo(10,50);cxt.stroke();

想要每天及时获取王业楼的个人博客更新的内容吗？赶快添加微信公众号“ly89cn”，或者扫描下方的二维码吧！

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：html5的canvas绘制线条，moveTo和lineTo详解

关键词：HTML