钉钉小程序中canvas绘图模糊（环形进度条 ）

在钉钉小程序中使用vantUI绘制的环形进度条在手机端查看时非常模糊有锯齿，解决方法： 将canvas的宽高扩大10倍再用zoom样式进行缩小。

绘制40x40像素的环形进度条代码：
在pages/index.axml中：

// 在页面中设置环形进度条的size和进度条宽度为你想要的大小的10倍或更高
// 这里只设置了size
<van-circle value="{{ 70 }}" text="{{ 70 }}" color="red" layer-color="#fff" id="canvas" size="{{ 400 }}"></van-circle>

在../circle/index.axml（VantUI的环形进度条页面封装）中：

// 设置canvas的缩放为10分之一或更小（根据放大的比例缩放）
<canvas class="van-circle__canvas" type="{{ type }}" style="width: {{ size }}px; height:{{ size }}px; zoom: 0.1" id="{{ canvasId }}">

在../circle/index.js（VantUI的环形进度条逻辑封装）中：

// 如果不需要自定义环形进度条宽度,那么需要在封装中将进度条宽度同时扩大10倍或更高
// VantUI的默认环形宽度是4
strokeWidth: {
   type: Number,
   value: 40,
},