开发工具:
文件大小: 104kb
下载次数: 0
上传时间: 2020-12-29
详细说明：需求概要
小程序中使用圆形倒计时，效果图：
思路
使用2个canvas 一个是背景圆环，一个是彩色圆环。
使用setInterval 让彩色圆环逐步绘制。
解决方案
第一步先写结构
一个盒子包裹2个canvas以及文字盒子；
盒子使用相对定位作为父级，flex布局，设置居中；
一个canvas，使用绝对定位作为背景，canvas-id=canvasProgressbg“
另一个canvas，使用相对定位作为进度条，canvas-id=canvasProgress“
代码如下：
// wxml
