这篇文章主要使用 setLineDash() 绘制虚线（dashed），这是Canvas里提供的API。但在Canvas中没有类似的API，可以直接让我们绘制圆点划线。不过这不是什么大问题，可以利用JavaScript封装一个类似 setLineDash() 的A
这篇文章主要使用 setLineDash() 绘制虚线（dashed），这是Canvas里提供的API。但在Canvas中没有类似的API，可以直接让我们绘制圆点划线。不过这不是什么大问题，可以利用JavaScript封装一个类似 setLineDash() 的API dottedLine 来绘制圆点划线。当然也可以将其封装成一个JavaScript。
在这篇文章中，我们看到的是在Canvask 绘制虚线和圆点划线，那么我们思考一下，在Canvas中怎么绘制对角线。
常用昵称“大漠”，W3CPlus创始人，目前就职于手淘。对HTML5、CSS3和Sass等前端脚本语言有非常深入的认识和丰富的实践经验，尤其专注对CSS3的研究，是国内最早研究和使用CSS3技术的一批人。CSS3、Sass和Drupal中国布道者。2014年出版《 图解CSS3：核心技术与案例实战 》。
查看原文： Canvas学习：绘制虚线和圆点线
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
canvas之图形的变化（平移 缩放 旋转）
2017-04-26 08:02
Canvas 学习笔记（一）
2017-04-25 15:00
HTML5 Canvas自定义圆角矩形与虚线(Rounded Rectangle and Dash
2017-04-25 13:01
Canvas学习：绘制矩形
2017-04-24 17:02
网友点评
热门资讯
关注我们
精彩导读