关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

链接的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.linksj.com/hynews/20151126/n3359.html

上海联楷网络新闻