带有片段标示符的SVG子图形

时间：2014-6-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