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

首頁(yè) > 開(kāi)發(fā) > HTML5 > 正文

html5 Canvas畫(huà)圖教程(10)―把面拆成線條模擬出圓角矩形

2024-09-05 07:20:06
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
上一篇文章我講了畫(huà)矩形和圓形的方法，他們都有原生的canvas繪圖函數(shù)可完成。而本文講的圓角矩形則只有通過(guò)其他方法模擬出來(lái)。
一個(gè)正常的圓角矩形，我們先假設(shè)他四個(gè)角的圓角弧度一致——因?yàn)檫@樣比較好畫(huà)。我們動(dòng)用把面拆成線條的能力，很容易就能發(fā)現(xiàn)圓角矩形其實(shí)是由4條鉤子般的曲線組成。


提到鉤子，如果你看過(guò)我介紹arcTo的文章，那么可能你一下就明白了這種圖形就可以用arcTo畫(huà)出來(lái)。
我講arcTo的時(shí)候提過(guò)，arcTo有個(gè)特性就是，他的第2條切線延長(zhǎng)也并不會(huì)對(duì)他畫(huà)出的線條造成影響（在上文的最后部分），這也為我們畫(huà)圓角矩形提供了方便，不用擔(dān)心變形。
下面放出我在國(guó)外網(wǎng)站上發(fā)現(xiàn)的canvas畫(huà)圓角矩形的方法，應(yīng)該是效率最高的了。

復(fù)制代碼

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 托克托县| 深圳市| 读书| 凤台县| 天全县| 万安县| 吴江市| 岗巴县| 拜泉县| 宿迁市| 溧水县| 黄梅县| 九台市| 海兴县| 石家庄市| 西平县| 都江堰市| 五莲县| 九江县| 永和县| 江达县| 陆川县| 股票| 渝中区| 枣庄市| 合作市| 清徐县| 清苑县| 长兴县| 正蓝旗| 墨江| 昭苏县| 武威市| 蒙阴县| 如皋市| 隆回县| 易门县| 文山县| 策勒县| 余干县| 榆中县|