SVG标签内容转base64

最新推荐文章于 2024-05-14 23:51:42 发布

月下脆竹書閣

最新推荐文章于 2024-05-14 23:51:42 发布

阅读量378

点赞数 3

分类专栏： VUE html 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/c_x_m/article/details/137217715

版权

VUE 同时被 2 个专栏收录

56 篇文章 3 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

echarts 图表是用svg渲染的，所以需要获取svg标签的内容即可

const svg = this.$refs.barchart.getElementsByTagName("svg")[0];
const echartsSvg = svg.outerHTML;
//SVG转Base64 
const svgString = echartsSvg; // 这里填入你的SVG字符串
const svgBlob = new Blob([svgString], { type: "image/svg+xml" });

const _this1 = this;
// 使用 FileReader 读取 Blob，并在完成时生成 base64 字符串
let reader = new FileReader();
reader.onload = function () {
	const base64data = reader.result;
	// 使用base64data进行后续操作
	let imgSrc = base64data;
};
reader.readAsDataURL(svgBlob);