SVG.外部<symbol/>

时间：2018-05-22 12:40:56 阅读：275 评论：0 收藏：0 [点我收藏+]

ZC：待测试：

ZC：　　（1）、chrome等浏览器在什么版本（什么时候）开始能够引用外部<symbol/>

ZC：　　（2）、Qt532 的WebKit 能否支持引用外部<symbol/>

1、

2、网页资料：

Adobe SVG Viewer 中使用外部文件定义的Symbol（https://blog.csdn.net/fxz1982/article/details/6044734）

2010年11月30日 10:20:00

阅读数：1844

Adobe SVG Viewer并不支持W3C中提到的外部修饰引用方法如:

[xhtml] view plain copy

这个缺陷不知道是Adobe有心还是无意,反正SVG在Adobe已经是后娘养的了.不多说,看解决方案.

方案:把外部定义的修饰内容加载到使用它们的SVG文件中

创建一个专用的自定义修饰的SVG文件如symbols.svg,当然也可以在这个文件中加入CSS丰富一下

[xhtml] view plain copy

<defs>
<symbol id="mySymbol" viewBox="0,0,18,32" >
<rect x="2" y="4" width="13" height="23" transform="rotate(0,8,15)" fill="red" stroke-width="2"/>
</symbol>
</defs>

保存这个文件,看一下如何在其它SVG文件中引用它,方法很简单,就是用DOM把修饰内容加入到要使用它们的SVG文件中就可以了

[javascript] view plain copy

3、

4、

5、

原文地址：https://www.cnblogs.com/h5skill/p/9070854.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行