帶有片段標(biāo)示符的svg子圖形
作者：佚名 時間：2014-06-26 分享到：
一個可作為替換選擇的子圖形技術(shù)是使用片段標(biāo)示符,這個方法不需要堆疊圖標(biāo),即svg子圖形單可以分別顯示所有圖標(biāo),通過將viewbox的四個坐標(biāo)值作為svgview函數(shù)中url的一部分,每個圖標(biāo)的位置都可以被調(diào)用,下面是一個關(guān)于此操作的示例:
.bar{background-image:url('foo.svg#svgview(viewbox(0 0 30 30))');}
這種方法的優(yōu)勢是,svg文件不需要為每個子圖形提供一個不同id,另外,用戶可以顯示多個子圖形成一個圖形的多個片段,而使用堆疊方法來實現(xiàn)上述操作就要復(fù)雜得多.
內(nèi)嵌式svg
如果想要操縱svg,可以將其直接嵌入到一個頁面的html中.svg則因此成為dom的一部分,并可通過javascript和css訪問.
上述操作可以通過多種方法實現(xiàn),第一種方法就是使用embed元素.這個元素已經(jīng)應(yīng)用于網(wǎng)絡(luò)flash
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1812.html
