如何在小程序中快速实现实现环形进度条(4)
更新渲染api,现在支持最新的同层canvas渲染,文档已经更新,只需要更改少量参数即可使用,真香
const mprogress = new MpProgress({
target: this, // 新增的上下文参数
canvasId: 'progress',
canvasSize: {width: 400, height: 400},
barStyle: [{width: 12, fillStyle: '#f0f0f0'}, {width: 12, fillStyle: [{position: 0, color: '#56B37F'}, {position: 1, color: '#c0e674'}]}]
});
// canvas标签定义发生变化
<canvas class="canvas" type="2d" id="progress"></canvas>
快速安装:
npm i –save mp-progress