关于百度地图自定义icon上加个数角标的实现

Question

用的是baidu-map-vue库，需要自定义icon，现在已实现根据后台数据的status显示不同的icon，但想要在icon上显示后台数据的length，该怎么实现呢

相关代码

     <bm-marker
        v-for="marker of path"
        :key="marker.id"
        :position="marker"
        :icon="icon(marker.status,marker.gpsLocating)"
        :title="marker.time+marker.sn+'\n'+marker.lng+','+marker.lat"
        @click="markerClicked(marker)"
      ></bm-marker>

因为length可能是任何数字，所以让UI给固定图片是不现实的。现在的想法是是否可以用canvas来绘制图片，将绘制好的图片替代原图作为icon呢？使用canvas是否可以输出png格式的图片呢？还是只能作为标签元素