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