文件名称：微信小程序之圆形进度条
文件大小：111KB
文件格式：PDF
更新时间：2024-04-18 11:33:45
微信,小,程序,之,圆形,进度,条,
需求概要 小程序中使用圆形倒计时，效果图： (此图片来源于网络，如有侵权，请联系删除! ) 思路 使用2个 canvas 一个是背景圆环，一个是彩色圆环。 使用 setInterval 让彩色圆环逐步绘制。 解决方案 第一步先写结构 一个盒子包裹2个canvas以及文字盒子； 盒子使用相对定位作为父级，flex布局，设置居中； 一个canvas，使用绝对定位作为背景，canvas-id="canvasProgressbg" 另一个canvas，使用相对定位作为进度条，canvas-id="canvasProgress" 代码如下： // wxml <view class="container