SVG FESpotLightElement.pointsAtY 属性

SVG FESpotLightElement.pointsAtY 属性表示在聚光灯效果中指定的位置 Y 坐标。它是一个只读属性，返回一个 SVGAnimatedNumber 对象。

语法

let pointY = svgFESpotLightElement.pointsAtY.baseVal;

属性值

• pointY: 表示聚光灯效果中指定的位置 Y 坐标。

示例

<svg width="300" height="200">
  <defs>
    <filter id="spotlight">
      <feSpotLight x="50" y="50" z="20" pointsAtX="150" pointsAtY="100" 
                   specularExponent="3" limitingConeAngle="30" />
    </filter>
  </defs>
  <rect x="50" y="50" width="200" height="100" fill="#ccc" filter="url(#spotlight)" />
</svg>

在上述示例中，我们创建了一个 <rect> 元素，并使用 <filter> 元素添加了一个聚光灯效果。在 <feSpotLight> 元素中，我们使用 pointsAtX 和 pointsAtY 属性指定了聚光灯的方向。

注意事项

• 默认值为 0。
• 只读属性，不能直接修改其值。