2014-09-21 86 views
1

這是我第一篇文章,以stackoverflow:So Thx 我正在做我的第二個Django項目。 我想在網頁上顯示一個SVG img。 如果我做 svg img src with django

<figure> 
 
     <embed type="image/svg+xml" src="test.svg" width="75%" height="75%"/> 
 
    </figure>
然後我就可以顯示在Chrome的SVG文件。 但是,如果我嘗試在django中做同樣的事情,它不會工作。 我一直在使用
<iframe src="bar_chart.svg" width="200" height="200" ></iframe>
與一些其他修改一起嘗試。 django中顯示svg圖像的正確語法是什麼?

+0

你試過''標籤? – 2014-09-21 08:41:24

+0

雅我做到了。這不是渲染。如果我只在html文件中寫入,然後打開然後渲染。但如果我在django模板中使用該格式,請在模板目錄中顯示display.html,然後顯示它的劑量。如果我說畫圈那麼它畫圈。基本上djang不能參考svg文件。根據我以後看的看來,我必須使用flask with_render方法來渲染。我剛剛刪除了這個庫(用於svg文件的pygal),並開始使用超級簡單的chartkick python django庫。 – Mani 2014-09-22 00:52:26

回答

0

我強烈推薦使用SVG內聯。在我以前的工作中,我嘗試使用嵌入在我們的Django項目中的對象,同事的彈出窗口攔截器阻止了它們。

將SVG重命名爲具有HTML擴展名,將SVG放在您的模板目錄之一中,然後使用include標記。

{%包括「bar_chart.svg」%}

約內嵌的最好的事情是,你可以針對與CSS的SVG什麼,不好的就是IE8及以上不支持它,這同樣適用於android 2.3及更低版本。

更多SVG善良結賬https://css-tricks.com/using-svg/