使用ucharts，canvas组件在小程序中的层级问题

最新推荐文章于 2024-06-27 10:06:14 发布

酿酒的布偶猫

最新推荐文章于 2024-06-27 10:06:14 发布

阅读量792

点赞数

分类专栏：开发随手笔记文章标签： vue.js

本文链接：https://blog.csdn.net/PessimiStic007/article/details/116304481

版权

开发随手笔记专栏收录该内容

10 篇文章 1 订阅

订阅专栏

近日开发小程序使用ucharts ，遇到canvas组件层级最高的问题，特此记录。

将图标转换为img

setTimeout(function(){//延迟一定时间执行
							uni.canvasToTempFilePath({//将图表转成图片
								x: 0,
								y: 0,
								width: _self.cWidth*_self.pixelRatio,
								height: _self.cHeight*_self.pixelRatio,
								fileType:'png',
								canvasId: 'canvasLineA',
								success: function(res) {
								  _this.imgSrc=res.tempFilePath;
								 },
								 fail:function(res){
								 }
							},_this);
						},100);

具体实现步骤，请参考原文链接：

https://blog.csdn.net/huqingxiang11/article/details/106028783/