对 http://www.w3.org/TR/SVG11/struct.html 和
http://www.w3.org/TR/SVG11/shapes.html 的整理笔记。
svg基本容器元素,定义一个SVG文档片段。
例子:
- 属性:
- preserveAspectRatio: viewBox的拉伸选项
- 'none/xMinYMin/xMaxYMax... meet/slice'
viewBox: 使图形拉伸/缩放以匹配容器元素。
与 'preserveAspectRatio' 相关。
'x y height width'
示例: Demo
- zoomAndPan: 在当前元素/元素组上是否允许缩放和位移。
- 'disable | magnify'
用于定义一个图形元件模板。
可用于'use'。
不会直接进行渲染。
例子:
根据 ‘requiredFeatures’, ‘requiredExtensions’ 与 ‘systemLanguage’ 的属性来决定
是否显示其子元素。
例子:
描述性元素
用于文档元素的标题和说明
例子:
Company sales by region
This is a bar chart which shows
company sales by region.
能够直接产生图形结果的元素。
引用一个 'svg','symbol','g','use' 或图形元素(Graphics element),
并将其包含/绘制在相应的文档位置。
例子:
对一个图形文件进行渲染。
例子:
My image
定义一个矩形
例子:
- 属性:
rx: x轴上的圆角弧形半径
ry: y轴上的圆角弧形半径
定义一个圆形
例子:
一个椭圆
例子:
- 属性:
rx: x轴上的半径
ry: y轴上的半径
连续的线条, 是一个开放的形状。
例子:
多边形, 是一个闭合的形状。
例子: