Эффект прозрачности с JQuery.SVG

Question

Я нарисовал путь SVG, используя отличный Jquery.SVG (документация могла бы быть лучше)

Все отлично работает. Но я пытаюсь сделать что-то более причудливое.

Есть цветной прямоугольник, и я хотел бы выделить его с помощью specularLighting.

Я думал, что-то вроде этого:

$ ('# path-svg-id', '# divid'). Filters.specularLighting (filter, 'specOut', 'blur', 5, 0,75, 20, {lightingColor: '#bbbbbb'});

Но это не работает. Есть идеи?

Answer 1

Вам необходимо добавить элемент feSpecularLighting как дочерний элемент фильтра , а элемент feSpecularLighting должен иметь элемент источника света ребенок.

Затем вы можете применить фильтр к элементу по вашему выбору через CSS свойство фильтра .

См. этот пример feSpecularLighting, примененный к некоторому содержимому SVG.

Answer 2

Я использовал следующее, и оно работало очень хорошо

svg.ellipse(w, h,  w, h, {stroke: 'red', fill:'transparent'});