Welcome to the Graphics village pump!
Hello and Welcome to this Graphics village pump of Commons. This Graphics village pump aims to provide help and information about the several Graphic Labs spread in the Wikipedias, and to be the technical support forum for all the local Labs, graphists (graphic artists), and users interested in graphic works, and is a page where graphists and users from all the Labs can talk about graphics, tutorials, graphic software, help to build new Graphic Labs, etc. Also for exchanging opinions, ideas, protocols, and ways of improvement.
See also: Other graphic community pages (list on top) | Graphics abilities page | Graphic Tool | Project Insignia | Stroke Order Project | Current requests/discussions
my svg is not rendering properly
I recently uploaded an svg file and have found it is not rendering properly. The file is here and being used on english wikipedia here. On both the file's description page and the wikipedia article the 4 wheel at the bottom there is one line missing. When viewing the svg directly in my browser (firefox) without being embedded in html, it renders missing all the circles, but the line that had been missing when embedded is now present. I've not had this issue before.
This file is a modified version of one that had been rendering w/o issues. The changes I made were to add an additional wheel/fork, by copying the first one, and editing it. I also changed all the wheel/tire circles to be grey instead of black w/ 50% transparency. The image size has also been changed. All editing has been done with inkscape. There are no embedded images in this svg, or references to them.
Any incite people can offer would be greatly appreciated. Embarrassingly I didn't notice this prior to uploading it, so as it is live on the wikipedia article, and as such I'd like to get it fixed ASAP. --Keithonearth (talk) 16:58, 10 August 2014 (UTC)
- The elements of the fourth wheel all had a weird filter effect to blend the red lines with the grey arcs. I don't know if that's why some lines were being omitted, but since none of the other wheels have this effect I removed them and saved as Plain SVG, which fixed the problem of the red lines. It still doesn't explain why the grey arcs are not being displayed in Firefox. SiBr4 (talk) 18:34, 10 August 2014 (UTC)
- Thanks for your help! To make this version, I resized the 4th wheel, using a inkscape's Object -> Transform -> Scale feature. I wanted the 4th wheel to be 81% the size of the other wheels, as this corresponds with a real world size difference. I guess this produced the filter effect. I'd not realized that's how the resizing was performed. I'd like to keep it in inkscape's svg to keep the layers to allow ease of future editing. That said it's far from a complex image, so I imagine that plain svg would be ok. Any idea where to go from here? --Keithonearth (talk) 19:02, 10 August 2014 (UTC)
- To me it seems very unlikely that the "Transform" menu adds the filter.
You mentioned giving the wheels "50% transparency" – maybe you tried that using filters, since the arcs all are 100% opaque (the box in the lower left corner and the "Fill and stroke" menu are the usual ways to control transparency).
- I just found the group that used to be the layer containing the circles and the "Smaller Wheel: Reduced trail" text also had a filter. Having removed that filter fixed the problem with these objects in Firefox. As for the layers: AFAIK the only advantage of Inkscape's layers over normal groups is the function Inkscape has to hide and lock certain layers, which can be handy for complex images but is hardly necessary for most files. SiBr4 (talk) 19:21, 10 August 2014 (UTC)
- I misread your comment about the transparency; the arcs were black and 50% transparent, and you made them grey and opaque. SiBr4 (talk) 19:32, 10 August 2014 (UTC)
- FWIW, the red lines missing in MediaWiki were also missing in Firefox; actually, the entire lower wheel was hidden. This confirms that it's the filters that caused both problems. SiBr4 (talk) 19:25, 10 August 2014 (UTC)
- Thanks for fixing that. I still don't quite understand what it is you've done. On my Inkscape I've gone into Filters -> Filter Editor and deleted the filter that was there. I also selected all and ran Filters -> Remove Filters, but the wheels are still not rendering in firefox when I load the file locally. No issues with the file you uploaded. Are you using inkskape, or are you just editing the file in a text editor (or something else?). I'd love to know how you were successful. --Keithonearth (talk) 20:00, 10 August 2014 (UTC)
- I used the same "Remove Filters" button in the "Filters" menu on each object. As I said, there is one filter applied to the layer containing the grey arcs. I don't know whether it is possible to remove filters from layers within Inkscape, but saving the file as Plain SVG the first time around converted the layers to simple groups, so I could just use the button for that last filter. SiBr4 (talk) 20:23, 10 August 2014 (UTC)
- OK, thanks again for your help. I'll have to pay more attention to filters in the future. --Keithonearth (talk) 20:34, 10 August 2014 (UTC)
correction a vector graphic file
Hi every body. I illustrated a military map of Iran-Iraq War by Adobe Illustrator very well. It has been saved in .ai format, But I dont know why cant convert it to .svg format?!(after saving, my computer show an error message: This SVG is invalid)
I need a professional friend because I send my file to him and he/she correct it and upload it. Please mention your email to recieve the file. thanx for help and sorry for my grammer! ;) SaMin SAmIN (talk) 09:13, 15 August 2014 (UTC)
- Adobe Illustrator can have various idiosyncrasies -- try to save your file in the most minimal possible SVG format, without any included application-specific data (embedded settings or bitmaps). I'm not going to publicize my e-mail address here, but you can use the "e-mail user" function on my user page to initiate contact... AnonMoos (talk) 20:00, 17 August 2014 (UTC)
- Done--SaMin SAmIN (talk) 18:50, 30 August 2014 (UTC)
The problem was that there were sodipodi: attributes in the file, but no definition of the "sodipodi" namespace at the top of the file... AnonMoos (talk) 17:25, 2 September 2014 (UTC)
SVG thumbnail generation error
Thumbnail generation error
I'm unsure where to post this, so apologies and please point me to the correct place if it's inappropriate here.
I created File:Comparison pi infinite series.svg which renders in Firefox but thumbnail generation fails as in  Does anyone know how to fix this with minimal changes to the graphic?
Thanks! --cmglee (talk) 21:19, 1 September 2014 (UTC)
- W3 validator tells me you used wrong properties x and y of line 57 for circle element, they should be cx and cy respectively. Also RSVG (the rendering library used by Wikimedia) doesn't support percentage value for height and width properties in svg element, they should be changed to 530 as in your viewBox property (but IMO the original dimension is small and should be doubled, which mean 1060 for both width and height properties, but leave the viewBox values intact), you can use percentage value elsewhere like text element, though. -- Sameboat - 同舟 (talk) 01:25, 2 September 2014 (UTC)
- Thank you very much, Sameboat. That's a really useful tool! cmglee (talk) 07:13, 2 September 2014 (UTC)