SVG总结

第一篇：SVG总结

第一 部分 基础

1.元素 给它赋予一个ID,它所包含的内容可以看成一个整体，在别的地方可以统一引用。有点像html中的

标签。2．元素 最好将所需要被应用的元素都定义在元素中，它和元素的区别是它中的内容，如果没有其他位置调用是不显示的。3．元素

它有4个可选属性：x y height width ,它用来确定被引用元素的图形在给定坐标系的矩形渲染区域的位置。语法格式：,元素不能引用外部文件。

4、元素

它定义图形模板对象，必须有元素调用。它拥有viewBox和preserveAspectRatio两个属性，元素则没有。

5、和元素描述SVG文档内容的，个人感觉没有什么作用

6、<./image> 只能引用外部文件，不能引用SVG文档内的元素。格式 ”

y=””

width=””

height=”” xlink:href=””> 小节： SVG文档被渲染的部分从根元素

基本图形：

线段 矩形 圆 折线

多边形

描边(stroke)属性集 Stroke:设定描边颜色 Stroke-width:设定描边宽度 Stroke-opacity:设定描边透明度

Stroke-dasharray:设定若干实线和间隔的长度 Stroke-dashoffset:设定实线的起始偏移

Stroke-linecap:设定描边端点的形状，取值有butt(默认值)、round或square Stroke-linejoin:设定描边遇到线条交叉时，交点处的过渡形状，取值有miter(默认值)、round或bevel 填充(Fill)属性集 Fill:设定填充颜色 Fill-rule:设定填充规则 Fill-opacity:设定填充透明度

在SVG中使用javascript脚本

1、内部脚本类型

2、外部脚本类型