filters with background image as source not rendering correctly and lack of support in browsers
Hi, I created a filter that applies a displacement map to the background image to simulate effects like water caustics or the warping you see around fires, but it doesn't render how I want it to.
The filter is being applied to the entire bounding box of the path instead of just inside the path. I tried it in Opera, which does support using the background image as a filter source and it shows the same effect. Is this correct behavior?
I've attached an example of my problem. It's a star over a checkboard, but you should only see the checkerboard distorted inside the star.
Also, could someone comment on why so few browsers (I only know Opera) support the background image as a filter source? To me, it doesn't seem any more complicated than just a regular transparency.
Thanks, Yale
Hi Yale,
You simply forgot to add a Composite "In" connected to the Source image at the end of the filter like in the joined file.
ivan
________________________________ De : Yale Zhang <yzhang1985@...400...> À : inkscape-devel@lists.sourceforge.net Envoyé le : Samedi 9 mars 2013 19h43 Objet : [Inkscape-devel] filters with background image as source not rendering correctly and lack of support in browsers
Hi, I created a filter that applies a displacement map to the background image to simulate effects like water caustics or the warping you see around fires, but it doesn't render how I want it to.
The filter is being applied to the entire bounding box of the path instead of just inside the path. I tried it in Opera, which does support using the background image as a filter source and it shows the same effect. Is this correct behavior?
I've attached an example of my problem. It's a star over a checkboard, but you should only see the checkerboard distorted inside the star.
Also, could someone comment on why so few browsers (I only know Opera) support the background image as a filter source? To me, it doesn't seem any more complicated than just a regular transparency.
Thanks, Yale
------------------------------------------------------------------------------ Symantec Endpoint Protection 12 positioned as A LEADER in The Forrester Wave(TM): Endpoint Security, Q1 2013 and "remains a good choice" in the endpoint security space. For insight on selecting the right partner to tackle endpoint security challenges, access the full report. http://p.sf.net/sfu/symantec-dev2dev _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
Thank you very much for fixing it. I was pretty tired (but happy) after struggling to get background filters working at all, so I should've thought about it more before asking. It makes sense though. For implementing blurs, the filter has to be invoked for pixels outside the original shape.
On Sat, Mar 9, 2013 at 11:56 AM, Ivan Louette <ivan_louette@...48...> wrote:
Hi Yale,
You simply forgot to add a Composite "In" connected to the Source image at the end of the filter like in the joined file.
ivan
*De :* Yale Zhang <yzhang1985@...400...> *À :* inkscape-devel@lists.sourceforge.net *Envoyé le :* Samedi 9 mars 2013 19h43 *Objet :* [Inkscape-devel] filters with background image as source not rendering correctly and lack of support in browsers
Hi, I created a filter that applies a displacement map to the background image to simulate effects like water caustics or the warping you see around fires, but it doesn't render how I want it to.
The filter is being applied to the entire bounding box of the path instead of just inside the path. I tried it in Opera, which does support using the background image as a filter source and it shows the same effect. Is this correct behavior?
I've attached an example of my problem. It's a star over a checkboard, but you should only see the checkerboard distorted inside the star.
Also, could someone comment on why so few browsers (I only know Opera) support the background image as a filter source? To me, it doesn't seem any more complicated than just a regular transparency.
Thanks, Yale
Symantec Endpoint Protection 12 positioned as A LEADER in The Forrester Wave(TM): Endpoint Security, Q1 2013 and "remains a good choice" in the endpoint security space. For insight on selecting the right partner to tackle endpoint security challenges, access the full report. http://p.sf.net/sfu/symantec-dev2dev _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
Unfortunately rendering problems are remaining concerning background image with most primitives :
https://bugs.launchpad.net/inkscape/+bug/501873
________________________________ De : Yale Zhang <yzhang1985@...400...> À : Ivan Louette <ivan_louette@...48...> Cc : "inkscape-devel@lists.sourceforge.net" <inkscape-devel@...349...orge.net> Envoyé le : Samedi 9 mars 2013 22h38 Objet : Re: [Inkscape-devel] filters with background image as source not rendering correctly and lack of support in browsers
Thank you very much for fixing it. I was pretty tired (but happy) after struggling to get background filters working at all, so I should've thought about it more before asking. It makes sense though. For implementing blurs, the filter has to be invoked for pixels outside the original shape.
On Sat, Mar 9, 2013 at 11:56 AM, Ivan Louette <ivan_louette@...48...> wrote:
Hi Yale,
You simply forgot to add a Composite "In" connected to the Source image at the end of the filter like in the joined file.
ivan
De : Yale Zhang <yzhang1985@...400...> À : inkscape-devel@lists.sourceforge.net Envoyé le : Samedi 9 mars 2013 19h43 Objet : [Inkscape-devel] filters with background image as source not rendering correctly and lack of support in browsers
Hi, I created a filter that applies a displacement map to the background image to simulate effects like water caustics or the warping you see around fires, but it doesn't render how I want it to.
The filter is being applied to the entire bounding box of the path instead of just inside the path. I tried it in Opera, which does support using the background image as a filter source and it shows the same effect. Is this correct behavior?
I've attached an example of my problem. It's a star over a checkboard, but you should only see the checkerboard distorted inside the star.
Also, could someone comment on why so few browsers (I only know Opera) support the background image as a filter source? To me, it doesn't seem any more complicated than just a regular transparency.
Thanks, Yale
Symantec Endpoint Protection 12 positioned as A LEADER in The Forrester Wave(TM): Endpoint Security, Q1 2013 and "remains a good choice" in the endpoint security space. For insight on selecting the right partner to tackle endpoint security challenges, access the full report. http://p.sf.net/sfu/symantec-dev2dev _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
participants (2)
-
Ivan Louette -
Yale Zhang