canvas>是html5中新增的标签,用于绘制图形,这篇文章主要为大家详细介绍了html5 canvas基本绘图之绘制线段方法,感兴趣的小伙伴们可以参考一下
是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。
只是一个绘制图形的容器,除了id、class、style等属性外,还有height和width属性。在
1.获取
以下是一个简单的
立即学习“前端免费学习笔记(深入)”;
XML/HTML Code复制内容到剪贴板
canvas绘图演示

如果没有通过moveTo()特别指定,lineTo()的起始点是以上一个点为准。因此,如果需要重新选择起始点,则需要通过moveTo()方法。如果需要对不同的线段设置样式,则需要通过context.beginPath()重新开启一条路径,下面是一个示例:
JavaScript Code复制内容到剪贴板












