(Update: Moving up observations from comments) (Different browsers have different behavior wrt whether they consider the stroke to be part of the bounding box for purposes of filter region calculation.) Also, the y filter region seems to be calculated as if the path had a zero pixel stroke, so it's ignoring the stroke width. (Your shadow isn't getting clipped horizontally because your width is about 2.5x your height - so that 10% results in a wider horizontal filter region). The silent defaults for the filter region are: x="-10%" y="-10%" width="120%" height="120%" - large blurs usually get clipped. ![]() You need to increase the size of the filter region. If it's not the bounding box, what causes this and how to avoid this clipping? How to work around it, so that it's not clipped like this?.Why is the shadow only cut off vertically and not horizontally?.I can also see in devtools inspector the bounding box of element, and it's almost as if that's what cuts off the shadow: I can see that it's not a viewbox limitation, as it's set to 600x700. The cropping seems to happen consistently in Chrome (30), Firefox (25), and Opera (12). The shadow itself is displayed properly, but gets cut off on top and bottom edges. ![]() The SVG I'm working with has a drop shadow via feGaussianBlur filter.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |