homepage Welcome to WebmasterWorld Guest from 54.226.180.223
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
librsvg - any known bugs?
Wikipedia doing a bad job of rendering thumbnail from an SVG upload
R1chard




msg:3988569
 10:12 pm on Sep 12, 2009 (gmt 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.

 

R1chard




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved