svg 里面内嵌image href 找不到图片
-
这个svg里面引用了 pc-2-14-1.jpg 和 pc-2-14-2.jpg
如果直接用浏览器点开预览的话是能看到效果的,当我把svg引入到html里面以后,图片就找不到了svg 代码
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg class="slider__mask" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 750 499" width="750" height="499"> <image width="750" height="499" href="pc-2-14-1.jpg"></image> <image width="750" height="499" stroke="black" href="pc-2-14-2.jpg"> <animate attributeName="opacity" values="0;0;0;0;0;0;1;1;1;1;1;1;0;0;0;0;0;0;" dur="6s" repeatCount="indefinite" /> </image> </svg>
-
可以把
href
里面的图片路径换成base64
就可以了
西南地区IT社群(QQ)
- 云南
- 【昆明网页设计交流吧】243627302
- 【昆明nodejs交流吧】 243626749
- 【VUE】838405306
- 【云南程序员总群】343606807
- 【昆明UI设计】104031254
- 【云南软件外包】15547313
- 贵州
- 【PHP/java源码/站长交流群】55692114
- 四川
- 【成都Java/JavaWeb交流】86669225
- 【vaScript+PHP+MySql】116270060
- 【UI设计/设计交流学习群】135794928
- 重庆
- 【诺基亚 JAVA游戏博物馆】 559479780
- 【PHP,Java,Python,C++接单】 442103442
- 西藏