SVGFEGaussianBlurElement: свойство in1

Базовая реализация Широко поддерживается

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она поддерживается браузерами с июля 2015 года.

Свойство in1 только для чтения интерфейса SVGFEGaussianBlurElement отражает атрибут in заданного элемента <feGaussianBlur>.

Значение

Объект SVGAnimatedString.

Примеры

В этом примере два элемента <feGaussianBlur> определены в фильтре, каждый с разным атрибутом in.

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <filter id="gaussian-blur-filter">
      <!-- Gaussian blur applied to the SourceGraphic -->
      <feGaussianBlur
        in="SourceGraphic"
        stdDeviation="5"
        result="blurred-source" />
      <!-- Gaussian blur applied to the BackgroundImage -->
      <feGaussianBlur
        in="BackgroundImage"
        stdDeviation="10"
        result="blurred-background" />
    </filter>
  </defs>

  <!-- Rectangle with SourceGraphic blur effect -->
  <rect
    x="20"
    y="20"
    width="100"
    height="100"
    style="fill:rebeccapurple;"
    filter="url(#gaussian-blur-filter)" />

  <!-- Circle with BackgroundImage blur effect -->
  <circle
    cx="150"
    cy="100"
    r="50"
    style="fill:hotpink;"
    filter="url(#gaussian-blur-filter)" />
</svg>

Мы можем получить доступ к атрибуту in:

// Get all feGaussianBlur elements
const gaussianBlurs = document.querySelectorAll("feGaussianBlur");

// Access the 'in' attribute values
console.log(gaussianBlurs[0].in1.baseVal); // Output: "SourceGraphic"
console.log(gaussianBlurs[1].in1.baseVal); // Output: "BackgroundImage"

Спецификации

Спецификация
Модуль фильтров уровня 1 # dom-svgfegaussianblurelement-in1

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`in1`	5	12	3	≤12.1	6	18	4	≤12.1	6	1.0	4.4

См. также

SVGAnimatedString

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGFEGaussianBlurElement/in1