SVG参考手册

分类 | Elements

radialgradient

<radialGradient>SVG元素允许作者限定径向梯度，以填充图形元素。

用法上下文

分类	渐变元素
允许的内容	以任意顺序包含任意数量的以下元素：描述性元素<animate>，<animateTransform>，<set>，<stop>

属性

全局属性

Core attributes »

Presentation attributes »

Xlink attributes »

class

style

externalResourcesRequired

具体属性

gradientUnits

gradientTransform

cx

cy

fx

fy

fr

spreadMethod

xlink:href

DOM接口

这个元素实现了SVGRadialGradientElement接口。

例子

SVG

<svg width="120" height="120" viewBox="0 0 120 120"
   xmlns="http://www.w3.org/2000/svg">

  <defs>
    <radialGradient id="exampleGradient">
      <stop offset="10%" stop-color="gold"/>
      <stop offset="95%" stop-color="green"/>
    </radialGradient>
  </defs>

  <circle fill="url(#exampleGradient)" cx="60" cy="60" r="50"/>
</svg>

结果

产品规格

Specification	Status	Comment
Scalable Vector Graphics (SVG) 2The definition of '<radialGradient>' in that specification.	Candidate Recommendation	Added fr attribute
Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<radialGradient>' in that specification.	Recommendation	Initial definition

浏览器兼容性

Feature	Chrome	Edge	Firefox (Gecko)	IE	Opera	Safari
Basic support	1.0	(Yes)	1.5 (1.8)	9.0	9.0	3.0.41

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	3.0	(Yes)	1.0 (1.8)	No support	(Yes)	3.0.41

分类 | Elements相关

1.a
2.altglyph
3.altglyphdef
4.altglyphitem
5.animate
6.animatecolor
7.animatemotion
8.animatetransform
9.circle
10.clippath
11.color-profile
12.cursor
13.defs
14.desc
15.discard
16.Elements
17.ellipse
18.feblend
19.fecolormatrix
20.fecomponenttransfer
21.fecomposite
22.feconvolvematrix
23.fediffuselighting
24.fedisplacementmap
25.fedistantlight
26.fedropshadow
27.feflood
28.fefunca
29.fefuncb
30.fefuncg
31.fefuncr
32.fegaussianblur
33.feimage
34.femerge
35.femergenode
36.femorphology
37.feoffset
38.fepointlight
39.fespecularlighting
40.fespotlight
41.fetile
42.feturbulence
43.font
44.font-face
45.font-face-format
46.font-face-name
47.font-face-src
48.font-face-uri
49.foreignobject
50.g
51.glyph
52.glyphref
53.hatch
54.hatchpath
55.hkern
56.image
57.line
58.lineargradient
59.marker
60.metadata
61.missing-glyph
62.mpath
63.path
64.pattern
65.polygon
66.polyline
67.rect
68.script
69.set
70.solidcolor
71.stop
72.svg
73.switch
74.symbol
75.text
76.textpath
77.title
78.tref
79.tspan
80.use
81.view
82.vkern

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 阴影