闲来玩十三水规律|十三水马牌赢了怎么算|

三次贝赛尔曲线绘制



查看HTML5的参考手册(三次贝赛尔曲线)


这有一个图表示的很形象


HTML5-2.png


我们要画这样的一个曲线,有4个点来决定的


1) 第一个点是控制点的开始。(20*20)

2) 第二个点是(20*100)。

3) 第三个点是控制点2(200*100)

4) 第四个点是结束点(200*20)

注意


这是两条切线,然后这样的组成的一条弧。


HTML5-3.png



代码演示:三次贝赛尔曲线的使用


1)我们是先将代码移动到20*20坐标处,作为起点


HTML5-7.png


2) 然后使用贝赛尔曲线的函数,填入3个点的坐标参数

连同起点开始,这里就有4个点了,用4个点来确定。


3)底下这个点,有两条线必须与弧线相切


HTML5-8.png


4)运行一下,就是这样的一个弧线


HTML5-9.png

 

5)我们把这个参数坐标点再修改一下


HTML5-10.png


运行看看效果


HTML5-11.png


7)其实就是这个4个点确定的这一条弧线


HTML5-12.png


8)然后分别是两条线与这个弧相切


HTML5-13.png


这样就确定了一条弧。有4个点,一般我们第一个点是:moveTo确定起始点。然后用贝塞尔方法,后面是6个参数,确定另外3个点。


【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
? 2012-2016 www.znlucv.tw
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部

闲来玩十三水规律
彩神计划软件下载 重庆时时彩一期七码必中计划 重庆时时历史开奖号码 手机打鱼机规律技巧 两张扑克牌比大小叫啥 六码复式任三多少组 8粒复式二中二多少组 重庆时时开奖结果助手 重庆时时开奖单双单双跳 时时彩单双计划