pointsAtX
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.
Thuộc tính pointsAtX biểu thị vị trí x trong hệ tọa độ được thiết lập bởi thuộc tính primitiveUnits trên phần tử <filter> tại điểm mà nguồn sáng đang hướng tới.
Bạn có thể dùng thuộc tính này với phần tử SVG sau:
Example
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="lighting1" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic">
<feSpotLight x="60" y="60" z="50" pointsAtX="0" />
</feDiffuseLighting>
</filter>
<filter id="lighting2" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic">
<feSpotLight x="60" y="60" z="50" pointsAtX="400" />
</feDiffuseLighting>
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#lighting1)" />
<rect x="220" y="0" width="200" height="200" filter="url(#lighting2)" />
</svg>
Usage notes
| Default value | 0 |
|---|---|
| Value | <number> |
| Animatable | Yes |
Specifications
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-fespotlight-pointsatx |