主要介绍了HTML5 Canvas基本线条绘制的实例教程,包括直线和折线的绘制方法,需要的朋友可以参考下

怎么画线条？和现实中画画差不多：1.移动画笔，使画笔移动至绘画的开始处2.确定第一笔的停止点3.规划好之后，选择画笔（包括画笔的粗细和颜色等）4.确定绘制 因为Canvas是基于状态的绘制（很重要，后面会解释），所以前面几步都是在确定状态，最后一步才会具体绘制。1.移动画笔(moveTo())之前我们获得了画笔context，所以以此为例，给出改方法的使用实例——context.moveTo(100,100)。这句代码的意思是移动画笔至(100,100)这个点（单位是px）。记住，这里是以can