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

Giá trị

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

Ví dụ

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

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="tileFilter">
      <!-- Lấp đầy SourceGraphic dưới dạng ô -->
      <feTile in="SourceGraphic" />
    </filter>
  </defs>
  <rect
    x="20"
    y="20"
    width="100"
    height="100"
    fill="hotpink"
    filter="url(#tileFilter)" />
</svg>

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

js
// Chọn phần tử feTile
const tileElement = document.querySelector("feTile");

// Truy cập thuộc tính in1
console.log(tileElement.in1.baseVal); // Output: "SourceGraphic"

Thông số kỹ thuật

Specification
Filter Effects Module Level 1
# dom-svgfetileelement-in1

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

Xem thêm