SVG参考手册

可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。

	教程 \| Tutorial
	Basic Shapes（基本形状）	详细
	Basic Transformations（基本转型）	详细
	Clipping and masking（剪切和掩蔽）	详细
	Fills and Strokes（填充和描边）	详细
	Filter effects（过滤器）	详细
	Getting Started（入门）	详细
	Gradients（渐变 - 线性）	详细
	Introduction（介绍）	详细
	Other content in SVG(SVG中的其他内容)	详细
	Paths(路径)	详细
	Patterns(模式）	详细
	Positions（位置）	详细
	SVG and CSS	详细
	SVG fonts（SVG 字体）	详细
	SVG Image Tag（SVG 标签）	详细
	Texts（文本）	详细
	Tools for SVG（SVG 工具）	详细
	Tutorial（教程）	详细

	属性 \| Attributes
	accent-height（焦点高度）	详细
	accumulate（积累)	详细
	additive	详细
	alignment-baseline（对齐基线）	详细
	ascent	详细
	attributename（属性名字)	详细
	Attributes(属性）	详细
	attributetype（属性类型）	详细
	azimuth（方位）	详细
	basefrequency	详细
	baseline-shift（基线漂移）	详细
	baseprofile	详细
	begin（开始）	详细
	bias（偏压）	详细
	calcmode	详细
	class	详细
	clip（剪辑）	详细
	clip-path（剪辑路径）	详细
	clip-rule（剪辑规则）	详细
	clippathunits	详细
	color（颜色）	详细
	color-interpolation（彩色插值）	详细
	color-interpolation-filters（色彩插值滤波器）	详细
	color-profile（彩色轮廓）	详细
	color-rendering（显色）	详细
	contentscripttype	详细
	contentstyletype	详细
	cursor（光标）	详细
	cx	详细
	cy	详细
	d	详细
	diffuseconstant	详细
	direction（方向）	详细
	display（显示）	详细
	divisor	详细
	dominant-baseline（显性基线）	详细
	dur	详细
	dx	详细
	dy	详细
	edgemode	详细
	elevation	详细
	end	详细
	externalresourcesrequired	详细
	fill	详细
	fill-opacity	详细
	fill-rule	详细
	filter	详细
	filterres	详细
	filterunits	详细
	flood-color	详细
	flood-opacity	详细
	font-family	详细
	font-size	详细
	font-size-adjust	详细
	font-stretch	详细
	font-style	详细
	font-variant	详细
	font-weight	详细
	fr	详细
	from	详细
	fx	详细
	fy	详细
	gradienttransform	详细
	gradientunits	详细
	height	详细
	href	详细
	image-rendering	详细
	in	详细
	in2	详细
	k1	详细
	k2	详细
	k3	详细
	k4	详细
	kernelmatrix	详细
	kernelunitlength	详细
	kerning	详细
	keysplines	详细
	keytimes	详细
	lengthadjust	详细
	letter-spacing	详细
	lighting-color	详细
	limitingconeangle	详细
	local	详细
	marker-end	详细
	marker-mid	详细
	marker-start	详细
	markerheight	详细
	markerunits	详细
	markerwidth	详细
	mask	详细
	maskcontentunits	详细
	maskunits	详细
	max	详细
	min	详细
	mode	详细
	numoctaves	详细
	opacity	详细
	operator	详细
	order	详细
	overflow	详细
	overline-position	详细
	overline-thickness	详细
	paint-order	详细
	pathlength	详细
	patterncontentunits	详细
	patterntransform	详细
	patternunits	详细
	pointer-events	详细
	points	详细
	pointsatx	详细
	pointsaty	详细
	pointsatz	详细
	preservealpha	详细
	preserveaspectratio	详细
	primitiveunits	详细
	r	详细
	radius	详细
	refx	详细
	repeatcount	详细
	repeatdur	详细
	requiredfeatures	详细
	restart	详细
	result	详细
	rx	详细
	ry	详细
	scale	详细
	seed	详细
	shape-rendering	详细
	specularconstant	详细
	specularexponent	详细
	stddeviation	详细
	stitchtiles	详细
	stop-color	详细
	stop-opacity	详细
	strikethrough-position	详细
	strikethrough-thickness	详细
	stroke	详细
	stroke-dasharray	详细
	stroke-dashoffset	详细
	stroke-linecap	详细
	stroke-linejoin	详细
	stroke-miterlimit	详细
	stroke-opacity	详细
	stroke-width	详细
	style	详细
	surfacescale	详细
	tabindex	详细
	targetx	详细
	targety	详细
	text-anchor	详细
	text-decoration（文本修饰）	详细
	text-rendering（文本显示）	详细
	textlength（文本长度）	详细
	to	详细
	transform（变换）	详细
	type（类型）	详细
	underline-position（下划线位置）	详细
	underline-thickness（下划线厚度）	详细
	values（值）	详细
	version（版本）	详细
	viewbox（视框）	详细
	visibility（可见的）	详细
	width（宽度）	详细
	word-spacing（字间距）	详细
	writing-mode（写作模式）	详细
	x	详细
	x1	详细
	x2	详细
	xchannelselector	详细
	xlink:href	详细
	xlink:show	详细
	xlink:title（xlink：标题）	详细
	xml:lang	详细
	xml:space(xml:空间)	详细
	y	详细
	y1	详细
	y2	详细
	ychannelselector	详细
	z	详细

	内容种类 \| Content types
	Content types	详细

	分类 \| Elements
	a	详细
	altglyph	详细
	altglyphdef	详细
	altglyphitem	详细
	animate	详细
	animatecolor	详细
	animatemotion	详细
	animatetransform	详细
	circle	详细
	clippath	详细
	color-profile	详细
	cursor	详细
	defs	详细
	desc	详细
	discard	详细
	Elements	详细
	ellipse	详细
	feblend	详细
	fecolormatrix	详细
	fecomponenttransfer	详细
	fecomposite	详细
	feconvolvematrix	详细
	fediffuselighting	详细
	fedisplacementmap	详细
	fedistantlight	详细
	fedropshadow	详细
	feflood	详细
	fefunca	详细
	fefuncb	详细
	fefuncg	详细
	fefuncr	详细
	fegaussianblur	详细
	feimage	详细
	femerge	详细
	femergenode	详细
	femorphology	详细
	feoffset	详细
	fepointlight	详细
	fespecularlighting	详细
	fespotlight	详细
	fetile	详细
	feturbulence	详细
	font	详细
	font-face	详细
	font-face-format	详细
	font-face-name	详细
	font-face-src	详细
	font-face-uri	详细
	foreignobject	详细
	g	详细
	glyph	详细
	glyphref	详细
	hatch	详细
	hatchpath	详细
	hkern	详细
	image	详细
	line	详细
	lineargradient	详细
	marker	详细
	metadata	详细
	missing-glyph	详细
	mpath	详细
	path	详细
	pattern	详细
	polygon	详细
	polyline	详细
	radialgradient	详细
	rect	详细
	script	详细
	set	详细
	solidcolor	详细
	stop	详细
	svg	详细
	switch	详细
	symbol	详细
	text	详细
	textpath	详细
	title	详细
	tref	详细
	tspan	详细
	use	详细
	view	详细
	vkern	详细

	其他 \| Miscellaneous
	Applying SVG effects to HTML content	详细
	SVG animation with SMIL	详细
	SVG as an Image	详细

	SVG 教程

	SVG 矩形

	SVG 在 HTML 中

	SVG 实例

	SVG 简介

	SVG 模糊效果 – 高斯模糊

	SVG 滤镜

	SVG Stroke 属性

	SVG 文本

	SVG 曲线

	SVG 路径

	SVG 多边形

	SVG 直线

	SVG 椭圆

	SVG 圆形

	SVG 参考手册

	SVG 实例

	SVG 渐变- 放射性

	SVG 渐变 – 线性

	SVG 阴影

SVG资料

SVG目录

1.教程 \| Tutorial
2.属性 \| Attributes
3.内容种类 \| Content types
4.分类 \| Elements
5.其他 \| Miscellaneous
6.SVG 教程
7.SVG 矩形
8.SVG 在 HTML 中
9.SVG 实例
10.SVG 简介
11.SVG 模糊效果 – 高斯模糊
12.SVG 滤镜
13.SVG Stroke 属性
14.SVG 文本
15.SVG 曲线
16.SVG 路径
17.SVG 多边形
18.SVG 直线
19.SVG 椭圆
20.SVG 圆形
21.SVG 参考手册
22.SVG 实例
23.SVG 渐变- 放射性
24.SVG 渐变 – 线性
25.SVG 阴影

Subscribe today and learn HTML5 in under 3 hours.

Subscribe from $9/month