efecto de transparencia con JQuery.SVG

Question

He dibujar un trazado SVG usando el gran Jquery.SVG (la documentación podría ser mejor)

Todo funciona bien. Pero yo estoy tratando de hacer algo más elaborado.

Hay un rectángulo de color y me gustaría destacar que el uso de specularLighting.

Estaba pensando algo de código como esto:

$ ( '# ruta-SVG-id', '# divId'). Filters.specularLighting (filtro, 'specOut', 'Difuminar', 5, 0,75, 20, {LightingColor: '#bbbbbb'});

Pero no funciona. Algunas ideas?

Answer 1

He utilizado el siguiente y funcionó muy bien

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

Answer 2

Es necesario añadir el elemento feSpecularLighting como hijo de una elemento filtro , y el elemento feSpecularLighting debe tener un fuente de luz elemento niño.

A continuación, se puede aplicar el filtro a un elemento de su elección a través de la CSS propiedad.

este ejemplo de feSpecularLighting aplicado a algún contenido SVG .