鏈接的svg文件
作者:佚名 時間:2014-06-26 分享到:
用戶可以通過兩種主要方式在其網站上使用svg,一種方法是將代碼嵌入標記本身,這方面內容聯楷網站建設將在以后給大家介紹,第二種相對容易的方法是,將一個預生成的svg文件作為一張圖像鏈接,其原理與jpg或png的情況相同,如果用戶想要獲得一張可綻放的裝飾性圖像,那么這種方式十分不錯,因為用戶無需訪問作為dom組成部分的svg.
要想使用一個鏈接svg,用戶必須將一張圖像的擴展名保存為.svg;然后,用戶在代碼的對應點上只提供這個圖像的路徑,通過img元素,讀者蚵以在標記中使用這個方法:
<img src="/path/to/foo.svg">
用戶還可以在css中可以將url()函數作為參數的地方調用鏈接svg:
foo{background-image:url('path/to/foo.svg');}
在img元素或css中使用svg的弊端是,用戶將推動某些高端的svg特性如編寫腳本和制作動畫,如果用戶需要使用這些性能,則需要使用一種內嵌技術來取代svg.
如沒特殊注明,文章均為上海聯楷網絡原創,轉載請注明來自:http://www.ktcbnqb.cn/hynews/20151126/n3359.html