更新渲染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标签定义发生变化
快速安装:
npm i --save mp-progress
楼主 想请教一下 在同一个页面上有多个环形渲染的情况下 性能怎么样
mp-progress整体的渲染采用最原生的方式去做的,包括动画也是使用requestAnimationFrame,目的是为了保证整个动画效果最接近当前机器的刷新频率,让人有种顺滑的感觉。
组件的方式肯定会更简单啦
后续版本我会提供两种调用方式
pc的性能就会强一些,比如一些后台监控,一个页面上有好多个图表