SVGFESpecularLightingElement: in1 property

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 in1 chỉ đọc của giao diện SVGFESpecularLightingElement phản ánh thuộc tính in của phần tử <feSpecularLighting> đã cho.

Giá trị

Một đối tượng SVGAnimatedString.

Ví dụ

Truy cập thuộc tính `in` của phần tử `feSpecularLighting`

html

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="specularLightingFilter">
      <!-- Adds specular lighting effect to the SourceGraphic -->
      <feSpecularLighting
        in="SourceGraphic"
        specularExponent="20"
        lighting-color="hotpink"
        surfaceScale="2">
        <fePointLight x="50" y="50" z="30" />
      </feSpecularLighting>
    </filter>
  </defs>
  <rect
    x="20"
    y="20"
    width="100"
    height="100"
    fill="lightblue"
    filter="url(#specularLightingFilter)" />
</svg>

Chúng ta có thể truy cập thuộc tính in của phần tử feSpecularLighting.

// Select the feSpecularLighting element
const specularLightingElement = document.querySelector("feSpecularLighting");

// Access the in1 property
console.log(specularLightingElement.in1.baseVal); // Output: "SourceGraphic"