This requires updating because: librsvg got updated In doing so, you could add a timestamp to the . Please notify the uploader with {{subst:update-note|1=Librsvg bugs|2=librsvg got updated}} ~~~~

Wikimedia Commons currently uses librsvg 2.54.7^[1] for rendering images. It's a fast renderer (compared to Inkscape or Apache Batik), but its results are unreliable, expecially in older Versions ≤2.40.21 . There is a discussion about re-evaluating the SVG renderer on phab:T40010.

Some files may be fixed now. If there are any files that were uploaded earlier and have an error in displaying, you can try purging the file to force a re-render. You should check all the resolutions, since the bugs can show up differently in different resolutions.

If you see a buggy image, tag it with {{Rsvg bug}}. This puts it in Category:Pictures showing a librsvg bug. Some more bugs are reported at Commons:Commons SVG Checker#Checks.

Rendering of text

• 
  File:Text-positioning.svgMultiple x-/y-/dx-/dy-coordinates positioning text characters Bugzilla:33245
• 
  File:Text-positioning_fixed.svgCorrect positioning (solution to achieve the fix is in the image description)
• 
  File:Manfeild_Autocourse_track_map_(New_Zealand).svgphab:T11420 (text with textPath not displayed)
• 
  File:Fort_Hall_Location_Map.svgphab:T11420 (text with textPath not displayed)
• 
  File:T236398.svgphab:T236398 tspan text-decoration="overline" does not have overline

Hairline cracks

phab:T20936: This bug appears also in modern browsers on zooming levels.

An workaround can be the using of merge path.

• Merge Path tool (svgomg)
• Inkscape path merge

Pattern

phab:T20463: The libRSVG's handling of SVG pattern is only rudimentary. Some fixed examples (bug in file history):

• 
  Only on small thumbnail size

Marker

The presentation of markers is in different viewers implemented differently. The origin point varies. Inkscape shows the boundaries incorrectly.

• 
  Wiki commons
• 
  Opera
• 
  Inkscape

Code of 3) use the translate attribute.

<circle id="circle3" transform="translate(20, 20)" stroke="rgb(0%, 70%, 0%)" cx="0" cy="0" r="20"/>
<marker id="marker3" refX="20" refY="20" viewBox="0 0 40 40"
    markerUnits="userSpaceOnUse" markerWidth="40" markerHeight="40">
  <use xlink:href="#circle3"/>  
</marker> 
<line x1="130" x2="270" y1="180" y2="180" marker-start="url(#marker3)" marker-end="url(#marker3)"/>
</svg>

Note that orient="auto-start-reverse" is not implemented in SVG 1.1.

List of outstanding SVG bugs

Incomplete (please add missing ones e.g. from https://phabricator.wikimedia.org/tag/wikimedia-svg-rendering/)

References