Welcome to WebmasterWorld Guest from 54.160.249.204

Forum Moderators: not2easy

Message Too Old, No Replies

librsvg - any known bugs?

Wikipedia doing a bad job of rendering thumbnail from an SVG upload

     
10:12 pm on Sep 12, 2009 (gmt 0)

Junior Member

10+ Year Member

joined:Nov 19, 2003
posts:165
votes: 0


So I created an svg file by hand (W3C verified to be valid), and uploaded it to wikipedia. However, the png thumbnail that is autogenerated only has half of the elements (the lines, not the paths).

I understand they use librsvg for this job, and this usually does a reasonable job, but not this time.

I've tried the image with Firefox, Amaya, Opera and Safari, and all are identical (aside from their handling of the animation and interactivity, which is optional and not required for the display of the static version of the image).

The source is as follows:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="174pt" height="140pt" viewBox="0 0 174 140" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="0.1" id="wdth">
<animate attributeName="stdDeviation" dur="1s" values="10;0.1" begin="0s"/>
</feGaussianBlur>
</filter>
</defs>
<title>Michael Jackson feet logo</title>
<path id="bord" stroke="blue" fill="#ffffff" d="M 0 0 L 173 0 L 173 140 L 0 140 L 0 0 Z" />

<g id="body" fill="#ffffff" stroke="none" filter="url(#blur)">
<path id="legs" fill="#000000" d="M 75.41 7.38 C 116.10 7.00 126.62 6.93 137.14 6.99 C 130.45 13.81 121.19 16.79 112.98 21.23 C 108.04 25.00 103.09 28.89 99.04 33.64 C 124.33 67.70 126.11 72.32 128.02 76.76 C 118.04 84.58 116.05 85.54 114.06 86.50 C 100.93 87.02 107.77 87.46 104.60 87.66 C 103.30 86.18 102.36 84.43 101.43 82.71 C 105.38 81.97 109.33 81.26 113.29 80.54 C 108.63 80.10 103.97 79.83 99.34 79.21 C 102.09 78.76 107.61 77.84 110.37 77.39 C 99.64 76.47 88.87 76.01 78.11 75.90 C 78.13 79.91 77.02 83.87 74.73 87.19 C 75.49 87.70 76.25 88.21 77.02 88.7 L 60 88.7 L 60 32 C 61.39 24.85 60.86 23.70 60.33 22.55 C 67.39 19.73 68.45 10.43 75.41 7.38 Z" />
<path fill="#ffffff" d="M 82.02 13.72 C 90.48 14.14 98.95 14.64 107.37 15.57 C 98.92 15.87 90.46 16.01 82.00 16.14 C 82.01 15.53 82.01 14.32 82.02 13.72 Z" />
<path fill="#ffffff" d="M 74.00 20.95 C 84.12 20.97 94.25 21.04 104.37 21.33 C 94.26 22.31 84.10 22.70 74.03 24.00 C 74.02 23.24 74.01 21.71 74.00 20.95 Z" />
<path fill="#ffffff" d="M 75 25.43 C 76.14 24.98 86.72 24.95 97.29 25.22 C 86.79 26.66 75.91 29.27 70 25.43 Z" />
<path fill="#ffffff" d="M 78.02 33.78 C 84.15 34.06 90.32 34.22 96.37 35.32 C 90.26 35.92 84.14 36.50 78.02 37.09 C 78.02 36.26 78.02 34.61 78.02 33.78 Z" />
<path fill="#ffffff" d="M 80.03 38.94 C 86.47 39.02 92.91 39.00 99.35 39.22 C 92.90 40.12 86.43 40.83 80.01 41.85 C 80.01 41.12 80.02 39.67 80.03 38.94 Z" />
<path id="complex1" fill="#ffffff" d="M 82.57 43.54 C 89.15 43.04 95.75 42.88 102.37 43.07 C 95.71 44.01 88.96 44.65 82.47 46.48 C 89.70 47.69 97.03 47.92 104.34 48.35 C 97.64 49.05 90.97 49.99 84.32 51.04 C 88.76 52.71 93.57 52.13 98.22 52.28 C 93.20 53.72 88.12 55.13 83.63 57.87 C 91.43 59.38 99.39 59.57 107.31 59.30 C 97.38 60.41 87.58 63.29 77.51 62.34 C 78.91 60.67 80.35 59.02 81.97 57.57 C 76.98 56.79 79.96 51.18 79.37 48.37 C 79.37 46.27 81.05 44.75 82.57 43.54 Z" />
<path fill="#ffffff" d="M 90.61 56.71 C 95.20 56.53 99.79 56.31 104.39 56.29 C 99.79 56.47 95.21 56.69 90.61 56.71 Z" />

<path id="complex2" fill="#ffffff" d="M 77.52 64.26 C 86.44 63.89 95.36 63.51 104.28 63.05 C 100.70 63.74 97.12 64.43 93.58 65.35 C 99.82 65.71 106.07 65.95 112.31 66.26 C 101.89 67.22 91.50 69.34 81.00 68.98 C 78.51 69.08 78.52 65.91 77.52 64.26 Z" />
<path id="complex3" fill="#ffffff" d="M 77.14 70.08 C 87.52 70.13 97.91 69.36 108.29 69.92 C 104.40 70.96 100.51 72.00 96.65 73.13 C 101.07 73.68 105.53 73.40 109.98 73.19 L 109.96 74.12 C 99.33 74.80 88.69 75.04 78.04 75.03 C 77.74 73.38 77.44 71.73 77.14 70.08 Z" />
<path id="rightshoe" fill="#000000" d="M 134.14 83.58 C 138.78 84.93 144.11 85.68 147.65 89.24 C 148.98 92.71 149.13 96.55 149.96 100.16 C 148.63 100.74 147.29 101.31 145.97 101.88 C 146.95 112.91 148.99 124.24 146.63 135.22 C 142.03 136 137.44 135 132.84 135 C 131.18 126.67 127.44 119.07 123.12 111.94 C 107.61 112.04 132.09 112.22 116.59 111.56 C 126.13 111.07 115.73 110.16 135.26 111.21 C 137.25 102.03 136.85 92.56 134.14 83.58 Z" />
<path id="leftshoe" fill="#000000" d="M 75.55 92.63 C 76.85 94.57 78.30 96.46 79.21 98.63 C 79.90 106.14 73.82 113.22 77.31 120.65 C 78 122.73 77 123.93 78 125.32 C 78 125.23 79.14 125.16 77.85 125.08 C 78 126.71 78.65 128.33 79.05 129.96 C 76.50 130.06 81 129.72 78 130.39 C 80.79 130.39 76.69 133.81 71.93 134.89 C 68.30 136.28 66.31 133.39 64.09 131.50 C 64.23 128.38 63.46 126.76 62.69 125.14 C 62.78 122.31 62.36 120.68 61.93 119.06 C 61.41 115.82 60.78 113.69 60.15 111.56 C 64.01 111.90 67.89 112.26 71.68 113.13 C 73.22 106.34 74.54 99.51 75.55 92.63 Z" />
</g>
<g id="lines" fill="cyan" stroke="black" stroke-width="1.2">
<line x1="1" y1="7" x2="118" y2="7"/>
<line x1="1" y1="12" x2="110" y2="12"/>
<line x1="1" y1="18" x2="102" y2="18"/>
<line x1="1" y1="25" x2="94" y2="25"/>

<line x1="1" y1="31" x2="86" y2="31"/>
<line x1="1" y1="37" x2="88" y2="36"/>
<line x1="1" y1="43" x2="92" y2="43"/>
<line x1="1" y1="49" x2="95" y2="49"/>
<line x1="1" y1="55" x2="98" y2="55"/>
<line x1="1" y1="61" x2="101" y2="61"/>
<line x1="1" y1="67" x2="105" y2="67"/>
<line x1="1" y1="73" x2="108" y2="73"/>
<line x1="1" y1="79" x2="112" y2="79"/>

<line x1="1" y1="85" x2="115" y2="85"/>

<line x1="1" y1="111" x2="123" y2="111"/>
<line x1="1" y1="117" x2="126" y2="117"/>
<line x1="1" y1="123" x2="129" y2="123"/>
<line x1="1" y1="129" x2="132" y2="129"/>
<line x1="1" y1="135" x2="133" y2="135"/>
<animateTransform attributeName="transform" attributeType="XML" type="scale" from="0.5,1" to="1,1" dur="0.4s" additive="sum" fill="freeze"/>
<animateTransform attributeName="transform" attributeType="XML" type="translate" from="110,0" to="0,0" dur="0.4s" additive="sum" fill="freeze"/>

</g>

<g id="nosign" visibility="hidden" fill="none" stroke="red" stroke-width="10">
<circle cx="100" cy="70" r="67"/>
<line x1="147" y1="23" x2="53" y2="117"/>
<set begin="lines.click" attributeName="visibility" to="visible" />
<set begin="click" attributeName="visibility" to="hidden" />
</g>
</svg>

I'm unsure if this is an obscure bug with librsvg, or just something I've overlooked with my image.

Thanks for any help in mods I need to make to the file.

1:10 am on Oct 1, 2009 (gmt 0)

Junior Member

10+ Year Member

joined:Nov 19, 2003
posts:165
votes: 0


Would I be better taking out the <title> and <filter> and <animateTransform>? Or being more explicit with fill and stroke?
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members