當前位置:編程學習大全網 - 網站源碼 - 如何在網頁中使用SVG

如何在網頁中使用SVG

通過<img />標簽

這可能是最簡單的使用SVG的方法,而且是開發者最熟悉的方法。SVG文件能夠像位圖壹樣通過<img />標簽在網頁上使用。

缺點是:SVG圖像可能包含動畫,但鏈接裏面的文件和任何腳本和交互的SVG代碼部分將被忽略。

通過CSS

可以通過CSS來有效的使用SVG:像位圖壹樣,SVG文件能夠通過background-image實現來渲染。

通過@font-face作為字體使用

大多數字體都是矢量圖形,SVG可以通過CSS來作為文字嵌入到網頁中,從而替代.woft、.otf 和 .eof 格式的文字。代碼像下面這樣:

@font-face {font-family: GabbaGrabba; url('gabbagabba.otf’) format('opentype’),url('gabbagabba.svg#gabba’) format('svg’);}

因為它們缺乏真正的字體控制如字距和有限的瀏覽器支持,應該在使用SVG文字時給它們壹個回退的方法。

  • 上一篇:五壹農場屯平2路微信收費還是現金
  • 下一篇:怎麽查看linux 使用什麽編碼 securecrt
  • copyright 2024編程學習大全網