注意：为了兼容宽度，可以使用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、把静态的文字等可以放在一个 ...