Предположим, что имеется прямоугольник в элементе SVG. Сделано. Я могу добавить еще один прямоугольник, расположенный поверх него, с цветом rgba (255,255,255,0,7), чтобы выделить его.Как добавить подсветку к элементу SVG?
Можно ли выделить прямоугольник без добавления второго элемента SVG rect? Возможно, с помощью CSS-фильтра:?
Фильтры CSS не оказывают достоверного влияния на дочерние элементы родителя SVG. Вам придется динамически добавлять SVG-фильтр с помощью JavaScript. Вот фильтр яркости.
<filter id="brighter">
<feColorMatrix type="matrix" values="1.2 0 0 0 0
0 1.2 0 0 0
0 0 1.2 0 0
0 0 0 1 0"/>
</filter>
У меня есть это: но не работает. Есть ли опечатка? – Richard
Ах. Фильтр яркости работает в цветовом пространстве RGB - поэтому, если у вас есть чистый красный цвет, это так же ярко, как и все :) Но вы можете взломать увеличение яркости с помощью: values = "1.2 0.2 0.2 0 0 0.2 1.2 0.2 0 0 0,2 0,2 1,2 0 0 0 0 0 1 0 " –
Вы могли бы просто перекрасить выпрямление, которое у вас уже есть. –
Я хочу, чтобы подсветка была того же цвета - просто легче. Итак, если цвет красный - как вы его осветляете, имея в виду, что цвет может быть чем угодно - не только красным? Покрытие этого, как я делал с полупрозрачным белым прямоугольником, делает это, но возможно ли это сделать, не добавляя новый прямоугольник к сцене? – Richard
непрозрачность возможно. Или примените фильтр, возможно. –