Bug 150257 - SVG feBlend With in2 from a feImage result linking to an embedded SVG document rendered wrong
Summary: SVG feBlend With in2 from a feImage result linking to an embedded SVG documen...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: WebKit Local Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2015-10-16 14:42 PDT by Andres Gomez Garcia
Modified: 2015-10-16 15:20 PDT (History)
1 user (show)

See Also:

Screenshot of the issue. (195.94 KB, image/png)
2015-10-16 14:42 PDT, Andres Gomez Garcia
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Andres Gomez Garcia 2015-10-16 14:42:48 PDT
Created attachment 263332 [details]
Screenshot of the issue.

Reproduced with WebKitGTK+ 2.10.0 and with Safari 7.1 on OS X Mavericks.

Steps to reproduce the problem:

Open the URL:

What is the expected behavior?

All the SVGs are shown as the included PNG as reference

What went wrong?

Only the SVGs in which the feImage provides explicit values for x=0, y=0, width=100% and height=100% are shown correctly.

The 2 SVGs in which this values are not provided for the feImage (the defaults are as explained above[1]) are not displayed properly.

Funnily enough, the render is yet different depending on whether the embedded SVG document provides a "viewBox" attribute.

If the viewBox is not explicit, the feImage shows proper proportions but the origin seems to be in the left top corner of the filter region[2] (x=-10%, y=-10%).

If the viewBox is explicit to the width and height values of the embedded SVG document (which, AFAIK, is the default), the proportions are also wrong.

[1] http://www.w3.org/TR/SVG/filters.html#FilterPrimitiveSubRegion
[2] http://www.w3.org/TR/SVG/filters.html#FilterEffectsRegion