PTT
Submit
Submit
选择语言
正體中文
简体中文
PTT
Web_Design
[问题] SVG 引用位图无法在 <img> 显示
楼主:
danny0838
(道可道非常道)
2015-01-04 22:57:06
如题,档案结构如下:
some.png
some.svg
index.html
我的 svg 以相对路径引用同一目录的位图,并加上了一些 svg 的向量图形:
<image xlink:href="some.png" ... />
直接以浏览器开启 index.svg 档案可正常显示。
接着我打算将 svg 嵌入网页中:
<img href="some.svg" width="500">
但接着以浏览器开启 index.html,
只能看得到 svg 画的向量图形,引用的位图却无法看到。
(在最新版的 Firefox 及 Chrome 上测试)
我也试过将 some.svg 的原始档开启,
把 root <svg> 直接贴进 index.html 取代上面的 <img>,
此时位图的部分可以正常显示
(但似乎无法简单达到整张 svg 设为 width="500" 的缩放效果)
请教各位前辈,这是什么原因?有什么办法可以解决?
作者:
mmis1000
(秋月恋枫)
2015-01-04 23:09:00
因为firefox不允许被用img嵌入的svg引用外部档案除非你用iframe嵌入就可以另一个方法是用 data:.... 这种类型的网址直接嵌入档案基本上是为了安全理由而做的限制在bugzilla也写不会改了
http://goo.gl/FE4nqf
bugzilla issue 连结
http://goo.gl/N6g1Rk
嵌入的范例
继续阅读
[问题] CSS 表格框线及栏宽控制
danny0838
[问题] IE的z-index & iframe 里面是 flash 问题
dspswen
Re: [问题] 把CSS或JS的import放在html最后端?
eight0
[问题] 背景图效果及滑过去效果求助
cutemoonmoon
[问题] 推荐的公版网站设计公司
shineLove
Re: [问题] 把CSS或JS的import放在html最后端?
cyclone350
Re: [问题] Joomla hosting in Heroku
blue3
[问题] 把CSS或JS的import放在html最后端?
cyclone350
[问题] video标签在行动装置跑不出来
oToToT
Re: [问题] Joomla hosting in Heroku
jimmytzeng
Links
booklink
Contact Us: admin [ a t ] ucptt.com