国产探花免费观看_亚洲丰满少妇自慰呻吟_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畫圖的老問題了，就是代碼畫圖全部靠猜，畫到哪里你要刷新下才能明了。

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

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 石城县| 大安市| 包头市| 耒阳市| 安化县| 菏泽市| 永泰县| 合川市| 晋州市| 新沂市| 公安县| 玉屏| 新民市| 太仆寺旗| 丰县| 永福县| 九龙坡区| 腾冲县| 正定县| 福建省| 荆州市| 昭苏县| 潜山县| 威远县| 丰宁| 云霄县| 南汇区| 登封市| 宜州市| 革吉县| 玛多县| 屏东县| 平安县| 珲春市| 百色市| 正蓝旗| 泌阳县| 九寨沟县| 高尔夫| 南和县| 岢岚县|