协策网络,专业做网站,优秀上海网站制作公司,提供企业建站、网站设计、网页制作,专业网页设计师和网站制作技术工程师为您量身打造个性企业电子商务网站。

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

  文章汇总 Article Summary
当前位置:协策网络 >> 文章中心 >> 基础教程 >> 浏览文章
 

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

作者:zhangting    标签:学校网站建设     日期: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。



更多
  您可能感兴趣的文章推荐  
 
上一篇:上海陈先生建设网站的经历 下一篇:没有了
协策网络公司拥有专业的网站建设开发团队,超过四年以上的网站建设、网页制作经验,我们可承接企业电子商务网站建设、企业展示型网页设计和功能型网站制作等各类型网站设计制作。
     
首 页  |  基础服务  |  网站建设  |  网站优化  |  成功案例  |  协策博客  |  关于我们  |  联系我们
COPYRIGHT © 上海协策网络科技有限公司 2008-2014 网站地图 SITEMAP 上海做网站公司 沪ICP备08009778号

地址:上海市共和新路425号凯鹏国际大厦13楼G座(近3、4、8号线)

电话:021-51085186 传真:021-56555059 咨询:+(86)18018609689
上海做网站建设网页设计制作公司