HTML5自学笔记[ 15 ]canvas绘图基础6

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5自学笔记[ 15 ]canvas绘图基础6相关的知识,希望对你有一定的参考价值。

关于线条的一些属性:

  • lineCap,这个属性表示的是线条两端的样式,值有butt(默认)/round/square。

技术分享

  • lineJoin,这个属性表示线条相交的方式,值有miter(默认)/bevel/round;

技术分享

  • miterLimit,该属性指定默认情况下lineJoin采用miter方式的极限值;比如,在上面的例子中,将miterLimit设置为1,那么第一个图的两条线的相交方式就会自动转变为bevel。

以上是关于HTML5自学笔记[ 15 ]canvas绘图基础6的主要内容,如果未能解决你的问题,请参考以下文章

HTML5自学笔记[ 17 ]canvas绘图基础4

HTML5自学笔记[20 ]canvas绘图实例之绘制倒影

HTML5自学笔记[ 24 ]canvas绘图之星空草地

HTML5自学笔记[ 21 ]canvas绘图实例之马赛克

HTML笔记四,HTML5的绘图支持

html5 canvas绘图有啥用