SVG中的'defs' and 'use'-可复用的图元定义
来源:互联网 发布:黑客军团 第三季 知乎 编辑:程序博客网 时间:2024/06/05 05:34
转载自:http://www.duobee.com/index.php/Blog-detail-id-143
在下一个示例中,我使用了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)。
由上面可见,defs和use配合使用。
- SVG中的'defs' and 'use'-可复用的图元定义
- SVG 复用(defs、symbol、use)
- SVG DEFS元素、SYMBOL元素和USE元素
- SVG defs元素
- 1.3 - [intro.defs] - 【介绍.定义】
- struts1.2中的tiles-defs.xml 文件的基本用法
- 定义在类中的友元函数的访问权限?
- EOF的定义与有效使用(Definition of EOF and how to use it effectively )
- HTML5中的SVG的介绍
- 使用CSS来设置SVG中Use元素的样式
- 使用CSS来设置SVG中Use元素的样式
- 用CSS给SVG <use>的内容添加样式
- svg中use元素引用symbol样式的思考
- python元组的定义
- 定义在类中的友元函数
- OpenGL中的顶点、 图元、片元、像素的含义
- C++类模板中的友元函数的声明和定义分别放在哪里
- html5中的canvas和svg的使用
- SensorManager与Sensor交互
- gtk中使用glade
- RabbitMQ 实例讲解
- H3CNE 312题和313题 直连路由静态路由的下一跳问题
- bionic Condition
- SVG中的'defs' and 'use'-可复用的图元定义
- Linux /proc目录下meminfo与cpuinfo文件分析
- 纯C实现字符串拷贝
- GPIO及中断API函数
- QTP常用函数
- MFC LINK : error : Internal error during ReadSymbolTable
- opencv cvSaveImage 无损保存图片
- php设置session的生存周期
- Spring.NET IOC简单DEMO