File:SVG edge case - zero scale gradient.svg

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search

Original file ‎(SVG file, nominally 96 × 96 pixels, file size: 438 bytes)

Captions

Captions

Add a one-line explanation of what this file represents

Summary

[edit]
Description
English: The file contains three squares: A green square on top of a special square on top of a red square. The special square's fill is a linear gradient with gradientTransform="scale(0)"

As of January 2019:

  • Inkscape and Google Chrome render all three squares. The special square has a solid color (in this case yellow), which is the stop-color mentioned last in the gradient definition.
  • Wikimedia's SVG to PNG converter renders all three squares and applies the gradient without scaling.
  • Firefox doesn't render the special square unless the zero-scale-gradient has exactly one stop.
  • The Commons SVG Checker renders neither the special square nor anything that comes afterwards (i.e. it only renders the red square).
Date
Source Own work
Author TilmannR
SVG development
InfoField
 
The SVG code is valid.
 
This vector image was created with a text editor.
SVG
InfoField
<?xml version="1.0" encoding="UTF-8"?>
<svg width="96" height="96" xmlns="http://www.w3.org/2000/svg">
	<linearGradient id="a" gradientTransform="scale(0)">
		<stop stop-color="#00f" offset="0"/>
		<stop stop-color="#ff0" offset="1"/>
	</linearGradient>
	<rect x="0"  y="0"  width="80" height="80" fill="#f40"/>
	<rect x="8"  y="8"  width="80" height="80" fill="url(#a)"/>
	<rect x="16" y="16" width="80" height="80" fill="#0f4"/>
</svg>

Licensing

[edit]
This work is ineligible for copyright and therefore in the public domain because it consists entirely of information that is common property and contains no original authorship.

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current21:24, 8 January 2019Thumbnail for version as of 21:24, 8 January 201996 × 96 (438 bytes)TilmannR (talk | contribs)Better contrast
20:43, 8 January 2019Thumbnail for version as of 20:43, 8 January 201996 × 96 (438 bytes)TilmannR (talk | contribs)Distinguish the first and second stop of the gradient
20:14, 8 January 2019Thumbnail for version as of 20:14, 8 January 201996 × 96 (438 bytes)TilmannR (talk | contribs){{Information |description ={{en|1=The file contains three squares: A green square on top of a yellow square on top of a red square. The yellow fill is a linear gradient with gradientTransform="scale(0)" As of January 2019: * {{w|Google Chrome}} renders all three squares. * {{w|Firefox}} doesn't render the yellow square unless the zero-scale-gradient has exactly one stop. * The Commons SVG Checker renders neither the yellow square nor anything that comes afte...

You cannot overwrite this file.

Metadata

This file contains additional information such as Exif metadata which may have been added by the digital camera, scanner, or software program used to create or digitize it. If the file has been modified from its original state, some details such as the timestamp may not fully reflect those of the original file. The timestamp is only as accurate as the clock in the camera, and it may be completely wrong.

Retrieved from "https://commons.wikimedia.org/w/index.php?title=File:SVG_edge_case_-_zero_scale_gradient.svg&oldid=550972307"