=“”
我想在我的.htm页面插入.svg。但'使用'在'svg'中不起作用。如何制作？
call
1 个答案:
答案 0 :(得分：0)
＆＃34;使用＆＃34;没有错在这里标记。
由于某种原因，URL无法读取该SVG。
还有一种可读和可维护的替代方法。
从URL中取出SVG并创建一个单独的SVG文件...例如：test.svg
＆lt; svg xmlns =＆＃39; http：//www.w3.org/2000/svg'的xmlns：= XLink的＆＃39; HTTP：//www.w3.org/1999/xlink'宽度=＆＃39; 180＆＃39;高度=＆＃39; 118＆＃39;填充=＆＃39;白色＆＃39;＆GT;
＆lt; path d =＆＃39; M90,14 143,108H37z＆＃39;笔划宽度=＆＃39; 11＆＃39;行程=＆＃39;红色＆＃39; /＆GT;
＆lt; g id =＆＃39; cr＆＃39;＆gt;
＆lt; path d =＆＃39; M70,68 73,59H90L93,68＆＃39;笔划宽度=＆＃39; 2＆＃39;行程=＆＃39;黑色＆＃39; /＆GT;
＆lt;路径d =＆＃39; M67,70H93V74H67M71,74V81M92,74V81＆＃39;笔划宽度=＆＃39; 5＆＃39;行程=＆＃39;黑色＆＃39; /＆GT;
＆LT; / g取代;
＆lt; use x =＆＃39; 13＆＃39; Y =＆＃39; 8＆＃39;的xlink：HREF =＆＃39;＃CR＆＃39; /＆GT;
＆lt; use x =＆＃39; 26＆＃39; Y =＆＃39; 16＆＃39;的xlink：HREF =＆＃39;＃CR＆＃39; /＆GT;
＆LT; / SVG＆GT;
在你的CSS中。简单地调用它，URL中的SVG文件名如下所示测试代码：
＆lt;！DOCTYPE html＆gt;
＆LT; HTML＆GT;
＆LT; HEAD＆GT;
＆LT;风格＆GT;
身体 {
background：url（＆＃34; test1.svg＆＃34;）no-repeat固定中心;
}
＆LT; /风格＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT; /体＆GT;
＆LT; / HTML＆GT;
这种做法可以帮助你
易于维护
可重复使用
可读性