当前位置: 首页 > news >正文

将svg转换为base64格式

/*** 使用Blob方式将SVG转换为base64(推荐)* @param {string} svgPath - SVG图片的本地路径* @returns {Promise<string>}*/
export async function svgToBase64WithBlob(svgPath) {try {const response = await fetch(svgPath);const svgText = await response.text();return new Promise((resolve, reject) => {// 创建Blob对象const blob = new Blob([svgText], { type: 'image/svg+xml' });const reader = new FileReader();reader.onloadend = () => resolve(reader.result);reader.onerror = reject;// 读取为Data URL
      reader.readAsDataURL(blob);});} catch (error) {console.error('SVG转换失败:', error);throw error;}
}

使用注意: 
采用import 的方式导入

import myIcon from "../assets/image/logo.svg";
const base64 = await svgToBase64WithBlob(myIcon);console.log(base64);

 

http://www.jsqmd.com/news/416627/

相关文章:

  • 掌握AI大模型开发:小白程序员实现薪资与职业跃迁的收藏级学习路线!
  • Vite HMR深度解析
  • 2026年热门的纯汤牛肉面/正宗配方牛肉面特色口碑推荐加盟店 - 品牌宣传支持者
  • 告别 PPT 熬夜:PaperXie AI PPT 如何让本科答辩从 “手忙脚乱” 到 “从容出彩”
  • 3-基于双TMS320C6678+双XC6VSX315T的6U VPX高速数据处理平台
  • 【C++指针】 shared_ptr共享指针
  • 2026最新SATA连接器品牌TOP5评测!权威榜单发布 - 十大品牌榜
  • 2026年知名的组合清理去石机/山东组合清理去石机厂家热卖产品推荐(近期) - 品牌宣传支持者
  • 小白程序员必看!收藏这份视觉-语言模型(VLM)入门指南,轻松入门大模型
  • 2026年2月家用电梯公司推荐,轻量化设计不破坏房屋结构 - 品牌鉴赏师
  • 永辉购物卡处理,教你避开非正规渠道的深坑 - 团团收购物卡回收
  • 收藏必备!小白程序员必看:大模型如何赋能中医药创新与突破?
  • 从 OpenClaw 到 IoTDB Skills:时序数据库如何接入 AI Agent 世界?
  • 2026年热门的免开槽暗藏合页/多功能暗藏合页厂家推荐及选购指南 - 品牌宣传支持者
  • 2026年防火卷帘门厂家专业选型指南:特级/不锈钢/防爆/工业/提升式防火卷帘门供应商推荐——河南中能盾消防科技有限公司深度解析 - 品牌推荐官
  • 收藏!小白程序员快速入门LLM Agent,解锁AI智能体强大能力
  • 2026年质量好的斜挂式无障碍升降机/轮椅升降机高口碑厂家推荐(评价高) - 品牌宣传支持者
  • 生病带薪摸鱼
  • 2026年口碑好的甲油胶美甲灯/便携美甲灯厂家推荐及选择指南 - 品牌宣传支持者
  • 2026年口碑好的二段力液压玻璃合页/缓冲液压玻璃合页厂家推荐及选购指南 - 品牌宣传支持者
  • 喝酒后怎么养护细胞?NMN哪个品牌效果最好?2026年十大抗衰效果威验证 - 速递信息
  • 沃尔玛购物卡闲置不用?正确处理方式全攻略 - 团团收购物卡回收
  • windows上excel运行macro之后出现错误
  • 闲置购物卡消费券额度别愁,一站式合规处理方案来了 - 团团收购物卡回收
  • 瑞祥商联卡闲置变现,这些安全细节千万别大意 - 团团收购物卡回收
  • 手里的京东 E 卡用不上?合规处理方式全攻略 - 团团收购物卡回收
  • 永辉购物卡闲置不用?合规变现方法一文讲透 - 团团收购物卡回收
  • 2026年2月别墅电梯公司权威推荐,复式别墅专用电梯选型指南 - 品牌鉴赏师
  • 2026高活性NMN十佳品牌深度拆解哪款值得长期吃?从成分、技术、临床数据全维度测评 - 速递信息
  • 2026年评价高的垂直式残疾人升降平台/升降平台高评分品牌推荐(畅销) - 品牌宣传支持者