<feOffset>
The <feOffset>
SVG filter primitive allows to offset the input image. The input image as a whole is offset by the values specified in the dx
and dy
attributes.
Usage context
Attributes
Global attributes
Specific attributes
DOM Interface
This element implements the SVGFEOffsetElement
interface.
Example
SVG
html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="offset" width="180" height="180">
<feOffset in="SourceGraphic" dx="60" dy="60" />
</filter>
</defs>
<rect x="0" y="0" width="100" height="100" stroke="black" fill="green" />
<rect
x="0"
y="0"
width="100"
height="100"
stroke="black"
fill="green"
filter="url(#offset)" />
</svg>
Result
Specifications
Specification |
---|
Filter Effects Module Level 1 # feOffsetElement |
Browser compatibility
BCD tables only load in the browser