国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

html5 Canvas畫圖教程(8)―canvas里畫曲線之bezierCurveTo方法

2024-09-05 07:20:05
字體：大 中 小
來源：轉載
供稿：網友
前面的文章我已經講了3種在canvas中畫曲線的方法：arc,arcTo以及quadraticCurveTo.他們都有一個共同點，就是他們畫的曲線都只能偏向一邊，今天講的bezierCurveTo與他們最大的不同點就是有兩個控制點，即可以畫出S形的曲線了。

bezierCurveTo，也就是所謂的貝賽爾曲線了，如果你學過某些畫圖工具，就能馬上理解。
bezierCurveTo的語法如下：
ctx.bezierCurveTo(x1,y1,x2,y2,x,y);他的參數我照例解釋一下，其中的（x1,y1）即控制點1的坐標，（x2,y2）是控制點2的坐標，(x,y)是他的終點坐標。和quadraticCurveTo一樣，他的起點坐標也是由moveTo預先設置好的。

所以，bezierCurveTo畫出一條曲線需要4個點：起點，終點，控制點1，控制點2.為了后續講解，這里我假定控制點1對應起點，控制點2對應終點
這里又要提到canvas畫圖的老問題了，就是代碼畫圖全部靠猜，畫到哪里你要刷新下才能明了。

我還是延續前面的優良傳統，畫一些輔助線來幫助大家理解：

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 都昌县| 股票| 三河市| 湘乡市| 安泽县| 当涂县| 天台县| 温宿县| 汕尾市| 宁城县| 建阳市| 灌南县| 许昌市| 秭归县| 郎溪县| 延庆县| 陆丰市| 玉门市| 宜春市| 乌鲁木齐县| 金堂县| 宾阳县| 浙江省| 普格县| 内江市| 琼海市| 革吉县| 策勒县| 屏东县| 西青区| 银川市| 云阳县| 获嘉县| 镇江市| 民勤县| 漳浦县| 景德镇市| 来凤县| 正定县| 台前县| 尉氏县|