SVG参考手册

分类 | Elements

feoffset

<feOffset>SVG过滤器原语允许以抵消对输入图像。输入图像作为一个整体被dx和dy属性中指定的值所偏移。

用法上下文

分类	过滤基元
允许的内容	以任意顺序包含以下任意数量的元素：<animate>，<set>

属性

全局属性

Core attributes

Presentation attributes

Filter primitive attributes

class

style

具体属性

in

dx

dy

DOM接口

这个元素实现了SVGFEOffsetElement接口。

例

SVG

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="feOffset" x="-40" y="-20" width="100" height="200">
      <feOffset in="SourceGraphic" dx="60" dy="60" />
    </filter>
  </defs>

  <rect x="40" y="40" width="100" height="100"
      style= "stroke : #000000; fill: green; filter: url(#feOffset);" />
  <rect x="40" y="40" width="100" height="100"
      style= "stroke : #000000; fill: green; " />
</svg>

Result

产品规格

Specification	Status	Comment
Filter Effects Module Level 1The definition of '<feOffset>' in that specification.	Working Draft	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of '<feOffset>' in that specification.	Recommendation	Initial definition

浏览器兼容性

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	(Yes)	(Yes)	4.0 (2.0)	(Yes)	9.0	?

Feature	Android	Edge	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	?	(Yes)	?	?	?	?

分类 | 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.fepointlight
38.fespecularlighting
39.fespotlight
40.fetile
41.feturbulence
42.font
43.font-face
44.font-face-format
45.font-face-name
46.font-face-src
47.font-face-uri
48.foreignobject
49.g
50.glyph
51.glyphref
52.hatch
53.hatchpath
54.hkern
55.image
56.line
57.lineargradient
58.marker
59.metadata
60.missing-glyph
61.mpath
62.path
63.pattern
64.polygon
65.polyline
66.radialgradient
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 阴影