链接的SVG文件作者:zhangting 标签:学校网站建设 日期: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. 您可能感兴趣的文章推荐 |
||||
|