This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 27221 - What happens on feImage without valid resource?
Summary: What happens on feImage without valid resource?
Status: RESOLVED MOVED
Alias: None
Product: CSS
Classification: Unclassified
Component: Filter Effects (show other bugs)
Version: unspecified
Hardware: PC All
: P2 normal
Target Milestone: ---
Assignee: Dean Jackson
QA Contact: public-css-bugzilla
URL: http://dev.w3.org/fxtf/filters/#issue...
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-11-03 13:48 UTC by Dirk Schulze
Modified: 2017-12-24 06:43 UTC (History)
3 users (show)

See Also:


Attachments
Example missing reference (629 bytes, image/svg+xml)
2014-11-03 13:48 UTC, Dirk Schulze
Details

Description Dirk Schulze 2014-11-03 13:48:44 UTC
Created attachment 1531 [details]
Example missing reference

What happens if xlink:href of feImage references an invalid or not existing resource?

The attached example has an feImage element that references a non-existent image. It is for testing purpose in different browsers.

The test starts with inverting the SourceGraphic color so that we know if a filter was applied to the element or not.

The it references the not existing image. The test also applies a subregion on the feImage element.

Then the opacity of the feImage result gets inverted.

Then we composite the previous result on top of the inverted SourceGraphic.
Comment 1 Dirk Schulze 2014-11-03 14:02:21 UTC
The result on various SVG viewers:

Chrome: You see a "missing image" icon covering the top left quarter of an aqua colored square.

Safari: You see a "missing image" icon covering the top left quarter of an aqua colored square.

Firefox: You just see an aqua colored square.

Opera (Presto): You see a black square covering the top left quarter of an aqua colored square.

IE 11: You see a black square covering the top left quarter of an aqua colored square.

InkScape: Crashes on windows.

Batik: You see a "missing image" icon covering the top left quarter of an aqua colored square.

Illustrator: You just see an aqua colored square.



All viewers do apply the filter regardless of the missing image resource. But the behavior is pretty different across browsers.

IE, Opera: Missing image is treated as transparent black.
Firefox, Illustrator: Missing image acts as a null filter even for filter primitives applied on top of feImage.
Safari, Chrome: General behavior as for IE, Opera but taking the "missing image" instead of transparent black.
Comment 2 Dirk Schulze 2017-12-24 06:43:24 UTC
Moved: https://github.com/w3c/fxtf-drafts/issues/193