When using an avg shadow filter (feGaussianBlur), a shadow is also added to the bounding box of the path (it shouldn't be there). In the attached example, the vertical and horizontal shadows are wrong. Firefox (4) renders this well.
Created attachment 86968 [details] Simple example to recreate the bug
I can't reproduce it. Works here for me. Can you give more informations about the platform and the version of webkit you are using please?
Yoah any news? A screenshot would be useful too.
I tested it now again on Chrome 13 (dev) on Windows, and I can recreate the problem. I don't have current access nightly or Safari, so can't test there
Could you attach a screenshot? This might be a platform specific issue.
Created attachment 95758 [details] Screenshot on Chrome 13. Notice the shadow is of the bounding box on the right and bottom, it should not be there
(In reply to comment #6) > Created an attachment (id=95758) [details] > Screenshot on Chrome 13. Notice the shadow is of the bounding box on the right and bottom, it should not be there Can confirm it with another Skia based browser. Maybe just Skia related? Can someone of the Gtk or Qt guys reproduce it on their systems? Adding more people that may can test it on other platforms.
Hi Dirk, (In reply to comment #7) > (In reply to comment #6) > > Created an attachment (id=95758) [details] [details] > > Screenshot on Chrome 13. Notice the shadow is of the bounding box on the right and bottom, it should not be there > > Can confirm it with another Skia based browser. Maybe just Skia related? Can someone of the Gtk or Qt guys reproduce it on their systems? > > Adding more people that may can test it on other platforms. Looks fine with Safari. Cheers, Rob.
Just for curiousity, what does happen, if you keep only the feGaussianBlur filter, and disable the other two filters (offset and blend)? The issue is still there?
(In reply to comment #9) > Just for curiousity, what does happen, if you keep only the feGaussianBlur filter, and disable the other two filters (offset and blend)? The issue is still there? Yes, the issues is still there, the blur is applied to the right and bottom of the bounding box. I'll attach source and screenshot
Created attachment 96046 [details] Reduced case with just blur
Created attachment 96047 [details] Screenshot of the reduced case with only blur
(In reply to comment #11) > Created an attachment (id=96046) [details] > Reduced case with just blur I have two questions. Could you help me testing please? First: I'd like to know which color the shadows have, if you use SourceGraphic instead of SourceAlpha. Second: Do you see the shadowed border on using <filter filterUnits="objectBoundingBox" x="0" y="0" width="100%" height="100%" id="drop-shadow">? You may have to change the values of stdDeviation as well.
(In reply to comment #13) First: The line and shadow are both red, if SourceGraphic is used instead. Also, the bounding box shadow no longer appears when SourceGraphic is used. Second: When I changed the filter to <filter filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%" id="drop-shadow"> <feGaussianBlur in="SourceAlpha" stdDeviation="3" /> </filter> I no longer saw the bounding box shadow. However, the ends of the line were clipped. I also tried different values for stdDeviation, the only affect this had was to adjust the amount of blur, as expected. I also tried <filter filterUnits="objectBoundingBox" x="-10%" y="-10%" width="120%" height="120%" id="drop-shadow"> <feGaussianBlur in="SourceAlpha" stdDeviation="3" /> </filter> This gave the same results as the original bug. (Reduced case with just blur).
I hit the same problem on Linux Chromium. My observations: - SourceAlpha sometimes contains the right and bottom borders of the bounding box of the target shape. <feGaussianFilter> is not necessary to reproduce this issue. - If you replace SourceAlpha with SourceGraphic, the problem goes away. - This issue depends on the size of the image; if you resize the image (by hitting Ctrl+[+/-] key), the wrong borders may appear or disappear.
Created attachment 115954 [details] Reduced test case without blur
Created attachment 115955 [details] Screenshot of "Reduced test case without blur"
Chromium only bug