如何向網(wǎng)頁(yè)添加SVG？SVG內(nèi)嵌HTML5內(nèi)嵌XHTML獨(dú)立SVG嵌入插件的添加方法目前使用的方法：由于SVG文件是純XML，也許我們更關(guān)心的是如何使SVG在web瀏覽器中顯示出來(lái)。要在瀏覽器中顯示（

如何向網(wǎng)頁(yè)添加SVG？

SVG內(nèi)嵌HTML5內(nèi)嵌XHTML獨(dú)立SVG嵌入插件的添加方法目前使用的方法：由于SVG文件是純XML，也許我們更關(guān)心的是如何使SVG在web瀏覽器中顯示出來(lái)。要在瀏覽器中顯示（只要瀏覽器支持），有幾種方法：指向SVG文件地址，將SVG直接嵌入HTML，將SVG圖像嵌入HTML文件。有很多種方法：用<iframe>元素嵌入SVG圖像，用<img>元素嵌入SVG圖像，用<svg>元素直接嵌入SVG圖像作為背景圖像，用<em Bed>元素嵌入SVG圖像，用<object>元素嵌入SVG圖像

SVG，即可縮放矢量圖形，是一個(gè)用于繪制矢量圖的HTML5標(biāo)記。您只需要定義XML屬性就可以獲得一致的圖像元素。在使用SVG之前向HTML主體添加標(biāo)記。與其他HTML標(biāo)記一樣，可以向SVG標(biāo)記添加ID屬性。你也可以添加CSS樣式，比如“border”——樣式：實(shí)心邊框?qū)挾龋?px“.Svg標(biāo)記與其他HTML標(biāo)記具有相同的屬性。您可以使用height=“100px”width=“200px”添加高度和寬度?，F(xiàn)在將SVG元素添加到我們的HTML代碼中。SVG提供了許多圖形形狀，如直線、圓、多邊形等。SVG line:SVG line由label定義，在label中可以定義其他屬性。標(biāo)記包括諸如開(kāi)始坐標(biāo)（x1，Y1）和結(jié)束坐標(biāo)（X2，Y2）之類的屬性。指定x1、Y1、X2、Y2值以設(shè)置起點(diǎn)和終點(diǎn)坐標(biāo)。指定坐標(biāo)后，可以為它們添加一些樣式，并在“樣式”屬性中使用它們筆劃：綠色“指定線條的顏色。你也可以使用筆劃-寬度：2套線條的寬度。