<feOffset>
使用コンテキスト
属性
DOM インターフェイス
この要素は SVGFEOffsetElement
(en-US) インターフェイスを実装しています。
例
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>
結果
仕様書
Specification |
---|
Filter Effects Module Level 1 # feOffsetElement |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
<filter>
<animate>
<set>
<feBlend>
(en-US)<feColorMatrix>
<feComponentTransfer>
(en-US)<feComposite>
(en-US)<feConvolveMatrix>
(en-US)<feDiffuseLighting>
(en-US)<feDisplacementMap>
(en-US)<feFlood>
(en-US)<feGaussianBlur>
<feImage>
(en-US)<feMerge>
(en-US)<feMorphology>
<feSpecularLighting>
(en-US)<feTile>
(en-US)<feTurbulence>
(en-US)- SVG チュートリアル: フィルター効果