Атрибут SVG pointsAtY
Опубликовано: 25 Февраля, 2022
Атрибут pointsAtY обозначает позицию y в системе координат, установленной атрибутом primitiveUnits в элементе <filter> точки, на которую указывает источник света. Только элемент <feSpotLight> использует этот атрибут.
Синтаксис:
pointsAtY = число
Значения атрибутов: атрибут pointsAtY принимает значения, упомянутые выше и описанные ниже.
- число: это числовое значение, относящееся к единицам текущей системы координат. Его значение по умолчанию считается равным 0.
Примеры ниже иллюстрируют использование атрибута pointsAtY.
Пример 1:
Выход:
Example 2:
<!DOCTYPE html> < html > < body > < div style = "color: green;" > < h1 >GeeksforGeeks</ h1 > < svg viewBox = "0 0 1120 200" < filter id = "geek2" width = "100%" height = "100%" > < feDiffuseLighting in = "SourceGraphic" > < feSpotLight x = "50" y = "50" z = "60" pointsAtY = "500" /> </ feDiffuseLighting > </ filter > < rect width = "200" height = "200" style = "filter: url(#geek2);" /> </ svg > </ div > </ body > </ html > |
Выход: