vue读取修改svg颜色并转换为base64格式

最新推荐文章于 2025-05-14 19:50:51 发布

2401_84091628

最新推荐文章于 2025-05-14 19:50:51 发布

阅读量284

点赞数 1

CC 4.0 BY-SA版权

分类专栏：程序员文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/2401_84091628/article/details/138875571

console.log("svg转base64",href);

methods:{

// 读取svg代码

readFile(filePath) {

    // 创建一个新的xhr对象

    let xhr = null

    if (window.XMLHttpRequest) {

    xhr = new XMLHttpRequest()

    } else {

    xhr = new ActiveXObject('Microsoft.XMLHTTP')

    }

    const okStatus = document.location.protocol === 'file' ? 0 : 200

    xhr.open('GET', filePath, false)

    xhr.overrideMimeType('image/svg+xml')

    xhr.send(null)

    return xhr.status === okStatus ? xhr.responseText : null

},

}




![](https://img-blog.csdnimg.cn/20200107112237385.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmd3cWk=,size_16,color_FFFFFF,t_70)



#  最后

**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。**

**因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

![