1樓：育知同創教育
svg 即 scalable vector graphics，是一種用來繪製向量圖的 html5 標籤。只需定義好xml屬性，就能獲得一致的影象元素。
使用svg之前先將標籤加入到html body中。就像其他的html標籤一樣，你可以為svg標籤為之新增id屬性。也可以為之新增css樣式，例如“border-style:
solid;border-width:2px;”。svg標籤跟其它的html標籤有通用的屬性。
可以用height="100px" width="200px" 為其新增高度和寬度。
現在就將svg元素加入到html**中，svg提供很多繪圖形狀，例如線條、圓、多邊形等。
svg線條：
svg線條用標籤定義，在此標籤內還可以定義其他的屬性。
該標籤包括像起點座標(x1,y1)和終點座標(x2,y2)這樣的屬性。指定x1,y1,x2,y2值來設定起點終點座標。在指定好座標後，可以為之新增一些樣式，在style屬性中使用“stroke:
green;”為線條指定顏色。同樣也可以用stroke-width:2為線條設定寬度。
2樓：楊正學
新增一個svg標籤，例如：
如何在網頁中使用svg
3樓：雷光丸
通過標籤
這可能是最簡單的使用svg的方法，而且是開發者最熟悉的方法。svg檔案能夠像點陣圖一樣通過標籤在網頁上使用。
缺點是：svg影象可能包含動畫，但連結裡面的檔案和任何指令碼和互動的svg**部分將被忽略。
通過css
可以通過css來有效的使用svg：像點陣圖一樣，svg檔案能夠通過background-image實現來渲染。
通過@font-face作為字型使用
大多數字體都是向量圖形，svg可以通過css來作為文字嵌入到網頁中，從而替代.woft、.otf 和 .eof 格式的文字。**像下面這樣：
@font-face
因為它們缺乏真正的字型控制如字距和有限的瀏覽器支援，應該在使用svg文字時給它們一個回退的方法。
4樓：我de身上有
可以參照菜鳥教程中的html5相關學習資料。具體**如下：
希望能夠幫助到你。
html5 svg 資料怎麼生成
5樓：匿名使用者
去找 svg 轉換器，就能把**從點陣圖轉換成 svg **
6樓：好程式設計師
1，svg 即 scalable vector graphics，是一種用來繪製向量圖的 html5 標籤。只需定義好xml屬性，就能獲得一致的影象元素。
使用svg之前先將標籤加入到html body中。就像其他的html標籤一樣，你可以為svg標籤為之新增id屬性。也可以為之新增css樣式，例如“border-style:
solid;border-width:2px;”。svg標籤跟其它的html標籤有通用的屬性。
可以用height="100px" width="200px" 為其新增高度和寬度。
現在就將svg元素加入到我們html**中，svg提供很多繪圖形狀，例如線條、圓、多邊形等。
2、svg線條：
svg線條用標籤定義，在此標籤內還可以定義其他的屬性。
該標籤包括像起點座標(x1,y1)和終點座標(x2,y2)這樣的屬性。指定x1,y1,x2,y2值來設定起點終點座標。在指定好座標後，可以為之新增一些樣式，在style屬性中使用“stroke:
green;”為線條指定顏色。同樣你也可以用stroke-width:2為線條設定寬度。
如何在網頁中使用SVG
雷光丸 通過標籤 這可能是最簡單的使用svg的方法，而且是開發者最熟悉的方法。svg檔案能夠像點陣圖一樣通過標籤在網頁上使用。缺點是 svg影象可能包含動畫，但鏈結裡面的檔案和任何指令碼和互動的svg 部分將被忽略。通過css 可以通過css來有效的使用svg 像點陣圖一樣，svg檔案能夠通過bac...
如何在html中使用圖示字型，如何在HTML中使用圖示字型
使用icon font來生成圖示相對於基於 的圖示來說，有如下的好處 1.自由的變化大小 2.自由的修改顏色 3.新增陰影效果 4.ie6也可以支援 5.支援 圖示的其它屬性，例如，透明度和旋轉等等6.可以新增text stroke和background clip text等屬性，只要瀏覽器支援 如...
如何解決html5在實際應用中的相容性問題
好程式設計師 1.可以通過個人pc固定的瀏覽器，這些瀏覽器都有自身的核心，可以強制性的使用。就不存在相容性問題。這種辦法一般可以用在辦公室的場景。但是在巨大的瀏覽器市場裡面，想要約束或者強制網民使用某一款瀏覽器是做不到的，這樣子指揮帶給客戶非常不好的印象和丟失一大批的客戶。對於辦公場景，現在員工使用...