Page MenuHomePhabricator

SVG image is rendered as black image
Closed, ResolvedPublic

Description

Please see example:
https://commons.wikimedia.org/wiki/File:Flow_chart_of_blast-furnace_production_he.svg

This image is rendered as black image, although browsers (e.g Chrome/Firefox) render the original SVG file correctly.

Event Timeline

eranroz created this task.Feb 19 2017, 6:23 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 19 2017, 6:23 AM

It seems to be rendering as black for me even though I'm running Chrome 56.0.2924.87:

It seems to be rendering as black for me even though I'm running Chrome 56.0.2924.87:

The generated png is black image (this is bug), but the original SVG is rendered correctly: https://upload.wikimedia.org/wikipedia/commons/0/0a/Flow_chart_of_blast-furnace_production_he.svg

@eranroz Ah okay thanks for explaining, it makes sense now :-)

I have the same problem, it affects part of an image, and it doesn't matter whether or not there is a box in the area, that portion of the image becomes covered with a black box. The following image:

https://commons.wikimedia.org/wiki/File%3ADetroit_bankruptcy.svg
Has a large black box in the bottom left part of the image. The same image, viewed from
https://upload.wikimedia.org/wikipedia/commons/f/f8/Detroit_bankruptcy.svg
Does not have this black box in that spot. It does not matter whether there is a box there (which there was in the previous versions of the image) something causes the software to get some sort of a hard on to put a black box there even though one should not appear there.

Please read this section on the Help:SVG page. The problem is caused by the use of the non-standard flow elements, remove the flow elements and the black box will not be there.

Offnfopt removed a subscriber: Offnfopt.Apr 9 2017, 5:34 AM

@Offnfopt , thank you for the comment. Indeed the SVG file includes non standard flowRoot. However, this is undeseriable behaviour: If there is problem with rendering due to non-standard flow elements (or other reason) it should should be indicated when uploading the image or when rendering it.
It might be possible to validate the SVG using the supported xmlns.

SVG files should be validated prior to being uploaded. When you validate the file to make sure it conforms to the SVG standard, a error is generated informing you the flow element is not allowed.

JoKalliauer changed the task status from Duplicate to Resolved.Apr 13 2019, 9:11 PM