国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 保山市| 静海县| 祁阳县| 赣州市| 金秀| 南宁市| 隆子县| 介休市| 丹棱县| 喀什市| 霍林郭勒市| 原阳县| 万宁市| 合江县| 南宁市| 太原市| 理塘县| 无锡市| 翼城县| 海南省| 儋州市| 沙田区| 汉川市| 隆德县| 盖州市| 左云县| 井陉县| 古浪县| 仪陇县| 安塞县| 泾阳县| 静宁县| 沙坪坝区| 奈曼旗| 大宁县| 资源县| 通海县| 杂多县| 沧州市| 东丽区| 新晃|