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

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

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 汉阴县| 漳州市| 迁安市| 漠河县| 克拉玛依市| 上林县| 锦州市| 平江县| 天台县| 阿克| 喜德县| 钦州市| 青阳县| 黔西县| 太白县| 酒泉市| 梧州市| 左权县| 大冶市| 宁安市| 荔波县| 长汀县| 都匀市| 疏附县| 丹凤县| 丽江市| 陆丰市| 来宾市| 驻马店市| 耒阳市| 龙川县| 五台县| 余庆县| 新干县| 吴忠市| 宁波市| 兴文县| 临澧县| 鄱阳县| 奈曼旗| 界首市|