SVG中的'defs' and 'use'-可复用的图元定义
在下一个示例中，我使用了defs中的元素之前，定义了如何去展现图元。
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg viewBox = "0 0 1000 1000" version = "1.1">
<defs>
<!-- A circle of radius 200 -->
<circle id = "s1" cx = "200" cy = "200" r = "200" fill = "yellow" stroke = "black" stroke-width = "3"/>
<!-- An ellipse (rx=200,ry=150) -->
<ellipse id = "s2" cx = "200" cy = "150" rx = "200" ry = "150" fill = "salmon" stroke = "black" stroke-width = "3"/>
</defs>
<use x = "100" y = "100" xlink:href = "#s1"/>
<use x = "100" y = "650" xlink:href = "#s2"/>
</svg>
请注意以下代码
<circle id="s1"...
这行代码定义了一个圆，并且设置了他的id属为s1. 在后面的代码中， 可以使用这个ID来引用原来定义好的圆。 使用use标签，并在标签中设置"xlink:href"属性（XLINK：HREF =“＃S1线”）。 请注意: “use”标签中还设置了x和y的属性， 这两个属性会设置到被添加到的原始定义中（即，在例子中，圆的cx和cy）。
最新文章
- Android Studio 入门
- 20150601_Andriod 打开新窗体
- choco命令
- 【avalon】data
- hdu 3061 Battle 最大权闭合图
- hdu 1124 Factorial（数论）
- hdu 3938 并查集
- Android的string-array数据源简单使用
- 【vc】5_文本编程
- 推荐大家使用的CSS书写规范、顺序（转载）
- poj3429（有错）
- OGR SQL (GEOM)
- java自己主动打开包装盒很容易导致两个误区
- ☆ [NOI2014] 魔法森林 「LCT动态维护最小生成树」
- java中四种修饰符(private、default、protected、public)的访问权限
- ipv6 docker
- 制作基于U盘启动和网络常识
- csp 通信网络
- OAF_OAF增删改-新增的实现（案例）
- css 各种常见布局整理