用CSS编码的SVG base64
用CSS编码的SVG base64
提问于 2014-09-13 01:01:58
我创建了一个我将在AI网站上使用的徽标，并使用SVG优化器输出优化文件。最初，我将svg文件嵌入到HTML中，但由于它是跨所有页面的固定徽标，因此我认为最好将其从HTML中删除，并作为背景图像插入到我的CSS中。当我插入base64编码的链接时，我的链接一行接一行地换行，可能有15行，这看起来太长了。
下面是我所拥有的一个片段。显然我删掉了剩下的14行左右的代码。我的问题是:有没有办法在不使用js的情况下缩短这方面的实际链接？类似于相对路径，但用于编码的URI。
#logo { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJb...); }回答 1
Stack Overflow用户
发布于 2014-09-13 02:08:07
当然，您可以添加回车符和空格，它仍然可以工作。Here's an example from the SVG test suite
<image x="40" y="5" width="100" height="98" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAAABGdBTUEAAK/INwWK6QAAABl0RVh0
U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEsUExURfb/AK3/AAD/9/9sAIn/AN7/ABT/
AAB//zD/AP9GAAD/s1H/AAD/H/8AxwD/bn8A/1wA/wD/XJv/AP8Ai//MAGP/ABMA/wD/LP8A6P8K
AP8AF/8A9QD/xAAA/wD1/9MA/wD/gABY/wD/Cf8ATJEA//+6AACT/wCn/+v/AAD/TAD/kf8AYKMA
//8kAAAk/wAV/y0A/3b/AP80AAD/O/cA//8A/wD///8An/8A2QD/Ev8AAMQA/+0A/7MA////AP8A
CuAA//8AJ24A/0sA//8AOAA0/wAK/wBF//8WAAgA/x8A///2AL//AP8AdTwA/wn/AP/bAP+AAP+U
AM//AP+nAP8AtADp/wD/o0D/AP/qAADb/wC5/wDL/wD/AAD/7QD/0gD/4CH/AABr//9ZAG2IeB4A
AABvSURBVHjaYrCyl3J0Udb2FTYP5bWQkDY1sXGQt7bVUeF3EnD2M/AS85R109dzdVdMYldTj46J
CpMzY4pLiJfhCtdS4BPUNBbnsVSK9WdL5IjgFjVkEWL0CWbVYLDzjgwQUQ0JCmRO5jTS9ZAECDAA
3aQTV3E5iioAAAAASUVORK5CYII="/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25813294
复制相关文章
相似问题
腾讯云开发者
