Welcome to WebmasterWorld Guest from 54.162.141.212

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)

10+ Year Member



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)

10+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month