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

Giá trị

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

Ví dụ

Truy cập thuộc tính diffuseConstant

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="diffuseLightingFilter">
      <feDiffuseLighting
        in="SourceGraphic"
        diffuseConstant="1.5"
        lighting-color="white">
        <feDistantLight azimuth="45" elevation="55" />
      </feDiffuseLighting>
    </filter>
  </defs>
  <rect
    x="20"
    y="20"
    width="100"
    height="100"
    fill="lightblue"
    filter="url(#diffuseLightingFilter)" />
</svg>
js
const diffuseLighting = document.querySelector("feDiffuseLighting");

console.log(diffuseLighting.diffuseConstant.baseVal); // Output: 1.5

Thông số kỹ thuật

Specification
Filter Effects Module Level 1
# dom-svgfediffuselightingelement-diffuseconstant

Tương thích trình duyệt

Xem thêm