<feOffset>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
<feOffset> primitive bộ lọc SVG cho phép dịch chuyển một ảnh đầu vào so với vị trí hiện tại của nó. Toàn bộ ảnh đầu vào được dịch chuyển theo các giá trị được chỉ định trong thuộc tính dx và dy.
Ngữ cảnh sử dụng
Thuộc tính
Giao diện DOM
Phần tử này triển khai giao diện SVGFEOffsetElement.
Ví dụ
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>
Kết quả
Đặc tả
| Specification |
|---|
| Filter Effects Module Level 1 # feOffsetElement |