注意：為了兼容寬度，可以使用this.width = uni.upx2px(690)，690為690upx的寬度 原文地址：https://www.pianshen.com/artic ...

在移動端經常看到一些圓形波浪圖來顯示金額，剛開始我認為這種效果只能用canvas寫的，后來發現用css也可以。 原理：我們都知道讓塊元素的border-radius:50%會變成圓形，如果少於50%呢，其實就變成不規則的圓形。我們可以利用這個特征，用偽類加上transform動畫 ...

https://blog.csdn.net/qq_34059233/article/details/108176279 ...

...

在開發中常常會有一些需求,比方顯示頭像，顯示一些特殊的需求,將圖片顯示成圓角或者圓形或者其它的一些形狀。 可是往往我們手上的圖片或者從server獲取到的圖片都是方形的。這時候就須要我們自己進行處理，將圖片處理成所須要的形狀。正如茴香豆的的“茴”寫法大於一種。經過我的研究。畫出特殊圖片 ...

有時候，在編寫公眾號，或者微信小程序，或者webapp的時候，需要一些比較特殊的效果，如圓弧。 效果圖如下： 上圖中的紅色部分。 其實原理很簡單，只要在外部寫一個box裝住紅色的部分，紅色部分設置寬度比box寬度的大，然后調整紅色的圓弧和位置就可以了 直接上代碼 頁面 ...

四種方法 1. Border Radius .circle { background: #456BD9; border: 0.1875em solid #0F1C3F; bord ...

1、canvas畫進度條時，由於內部部分文字是不動，漸變色可以由動態一筆筆畫出 html代碼： 　　css代碼：在布局中注意以下兩點 　　　　1、在同一個div中，需要把動態隨定時器改變的部分放在一個canvas中； 　　　　2、把靜態的文字等可以放在一個 ...