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

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

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 富阳市| 高台县| 喀什市| 平舆县| 吉木乃县| 桑植县| 莱西市| 普陀区| 平陆县| 迁西县| 咸丰县| 永德县| 长武县| 宁夏| 凤阳县| 马关县| 葫芦岛市| 岳西县| 金溪县| 海伦市| 林芝县| 和平县| 芜湖县| 高州市| 汤阴县| 平乡县| 太保市| 连南| 满城县| 洪泽县| 渑池县| 鄄城县| 黄陵县| 剑川县| 宜宾市| 万宁市| 繁峙县| 桃源县| 迭部县| 保康县| 宜章县|