脚儿网@博客园 发表于 2012-12-22 21:25:20

html5 Canvas画图5:画曲线之arc

html5 Canvas画图5:画曲线之arc

    <div class="postText"><div id="cnblogs_post_body">在canvas画线条这篇文章中,我讲了画直线的方法,按理这篇画曲线的文章早该发了,但由于canvas画曲线比较特殊,我还没摸透,所以要一步步尝试。
canvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧。
arc的作用是画一个正规的圆弧,可以是一个完整的圆,也可以是一个圆的某一段弧线。
arc的语法如下:
<div class="cnblogs_code">context.arc(x, y, radius, startAngle, endAngle, anticlockwise)
页: [1]
查看完整版本: html5 Canvas画图5:画曲线之arc