SVG FESpotLightElement.pointsAtZ属性介绍

SVG (可缩放矢量图形)是一种用于描述二维图形和图形应用程序的XML图形标准。FESpotLightElement.pointsAtZ是SVG规范中的一项属性，它用于指定聚光灯的目标点的Z轴坐标。

属性详情

• 属性名称： FESpotLightElement.pointsAtZ
• 属性类型： 可继承的属性
• 所属元素： <feSpotLight>
• 默认值： 0

属性描述

FESpotLightElement.pointsAtZ属性确定光线聚焦的目标点在三维场景中的Z轴坐标。它通常与pointsAtX和pointsAtY属性一起使用，以定义光线在目标点的方向。光线的方向由视图坐标系决定。

需要注意的是，pointsAtZ属性仅在使用滤镜效果时才有效。聚光灯效果可以使用<feSpotLight>元素创建，并通过其他滤镜操作应用于图形。

语法

<feSpotLight pointsAtZ="number" />

• number: 一个浮点数，指定目标点在Z轴上的坐标。数值可以是正数、负数或零。

示例

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <filter id="spotlight">
    <feSpotLight id="light" pointsAtZ="50" />
  </filter>
  <circle cx="100" cy="100" r="50" filter="url(#spotlight)" />
</svg>

在上面的示例中，一个圆形元素被应用了一个滤镜效果，并使用feSpotLight创建了一个聚光灯效果。通过设置pointsAtZ属性的值为50，确定了光线的目标点位于Z轴上的50单位处。

参考链接

• MDN Web 文档 - pointsAtZ