带有片段标示符的svg子图形
作者：佚名 时间：2014-06-26
一个可作为替换选择的子图形技术是使用片段标示符,这个方法不需要堆叠图标,即svg子图形单可以分别显示所有图标,通过将viewbox的四个坐标值作为svgview函数中url的一部分,每个图标的位置都可以被调用,下面是一个关于此操作的示例:
.bar{background-image:url('foo.svg#svgview(viewbox(0 0 30 30))');}
这种方法的优势是,svg文件不需要为每个子图形提供一个不同id,另外,用户可以显示多个子图形成一个图形的多个片段,而使用堆叠方法来实现上述操作就要复杂得多.
内嵌式svg
如果想要操纵svg,可以将其直接嵌入到一个页面的html中.svg则因此成为dom的一部分,并可通过javascript和css访问.
上述操作可以通过多种方法实现,第一种方法就是使用embed元素.这个元素已经应用于网络flash
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/help/20151126/n1812.html
