Question about Scalable Vector Graphics; a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated). Ask anything related to designing graphics for the SVG format.

learn more… | top users | synonyms

2
votes
1answer
228 views

Creating underlines in callygraphy style

I am not very familiar with graphic illustration. I want to create some underline samples like in this example, maybe a little more understated: I have no Photoshop and I can't find any good ...
2
votes
1answer
233 views

Copy, paste, move colored squares - but keep them aligned to the grid

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except for displaced ...
2
votes
2answers
188 views

Happy birthday, Mac. How to achieve canvas logo animation like this one?

How was this animation created? Can someone give an example how to create animation like this one? Is it possible to achieve animation like this one using canvas and logo in .svg format? Is this ...
2
votes
1answer
115 views

Export a single object in Illustrator without the other objects to SVG code

So I am pretty much desperate by now. I am a web developer and -designer, but I don't use Illustrator. I just don't need it at all. The file that I got from the graphic designer contains two ...
2
votes
2answers
2k views

How do I use an SVG “icon font” within Illustrator?

Trello uses an icon font and I'd like to figure out how to bring in some of the glyphs into an Illustrator project. Admittedly, this is going a bit backwards (usually you want to import Illustrator ...
2
votes
2answers
135 views

Save a SVG of JUST what is showing

I have to admit that I'm a newbie to Illustrator. (Bezier curves I've never got!) I have a design that I'm preparing for laser cutting and it needs it in EPS/SVG. I see the Save as SVG option but its ...
2
votes
1answer
440 views

Why is my text messed up when converting a PDF to SVG?

I'm trying to convert a PDF to a vector image so that I can display it online. When I convert it to SVG, it doesn't convert the font glyphs correctly. When I convert to SWF, it is perfect, but I would ...
2
votes
1answer
161 views

Why do icons of the elementary icon theme have an “extra” path?

Lubuntu, a flavor of Ubuntu, ships with a few icon themes including elementary. Since many of the icons are .svg files, it's somewhat easy to make minor tweaks to suit one's visual preferences. While ...
2
votes
1answer
73 views

SVG coding envornment

I'm starting to learn SVG graphics coding, but I'm looking for something with a WYSIWYG kind of thing. Does such a thing exist? And what would you advise me to make the learning process faster?
2
votes
2answers
189 views

Add imperfections to vector graphics / drawings

I'm looking for creative ways to add imperfections or flaws to my vector graphics in order to make them appear more like hand drawn sketches. I'm working with Inkscape so tips that work here are very ...
2
votes
2answers
923 views

Convert Primitive to Path using SVG format in Illustrator

I've got a simple drawing in Illustrator consisting of multiple rectangles. I will need to handle that in code later one and saved the document as SVG. The rectangles come out as <rect /> nodes ...
2
votes
2answers
4k views

How do I use a custom font in an SVG image on my site?

I created a custom Facebook icon using Inkscape and saved it as an svg. It uses the same font as the title of my page, which uses the font "ubuntutitling-bold-webfont", which I have referenced as a ...
2
votes
3answers
756 views

export multiple Inkscape SVG files to multiple PDF files

I have a number of svg files created in Inkscape. I would like to know if there is an utility where I can export all the svg files into multiple pdf/png files. I have around 150 such svg files. The ...
2
votes
2answers
805 views

How to add “move to” commands to an Adobe Illustrator path

So when you export an Adobe Illustrator file to SVG format, paths are encoded using the SVG path syntax. If you look at the <path data> element, it's possible to have moveto commands embedded ...
2
votes
1answer
289 views

How does Inkscape decide whether to use flowRoot or text?

The program for which I'm creating svg doesn't display text that I create in Inkscape where Inkscape saves the text as flowRoot. When does Inkscape choose to use svg:flowRoot? Is there a way to tell ...
2
votes
2answers
414 views

How can I outline (LaTeX) text in Inkscape?

This is a difficult question to google, as the term "outline" does not mean the same in Inkscape as it does in, e.g., Powerpoint. However, Powerpoint does not support Latex. How can I outline a ...
2
votes
1answer
838 views

How can I keep the font-width consistent in SVG across different operating systems and browsers?

I'm trying to add some text to a SVG file. The text is dynamic and shown over a rectangle which acts as background. Since the text is dynamic, the width of background rectangle also needs to be ...
2
votes
1answer
125 views

Inkscape: Exporting a checkerboard makes lines fuzzy

I made a pretty simple checkerboard in inkscape. It is just many boxes that have an outline that is 1 px thick. They overlap by 1 pixels so all lines are one pixel thick and not two. I did this on a ...
2
votes
0answers
271 views

Inkscape: Export SVG to LaTeX-PDF preserving text positioning

I am using Inkscape to export .svg files to LaTeX-PDF using the following command: inkscape --without-gui --file="<file>.svg" --export-pdf="<file>.pdf" --export-latex It generates a pdf ...
2
votes
1answer
750 views

How to batch-export SVG's to EPS on Windows or import them into InDesign CS6

I noticed that in Adobe CS6 there is still no way to import *.svg files into Adobe InDesign and Photoshop. Now I want to use a lot of svg's from "TheNounProject", due to their high quality and ...
1
vote
2answers
300 views

SVG to bitmap converter that doesn't generate horrible bitmaps

I've been using Inkscape to generate PNG's from various SVG files. This works fine for larger images, but for smaller images (like icons), bitmaps appear grainy and extremely anti-aliased at the ...
1
vote
4answers
2k views

Using inkscape to convert scanned color drawings to svg — recommended or no?

I'm an ebook publisher trying to include 10 color illustrations inside an ebook. It's not a fixed layout ebook but a reflowable ebook (i.e., an epub). Graphic example here: ...
1
vote
2answers
1k views

How to convert an Illustrator EPS to SVG and keep alpha channels and transparency modes?

I have an Illustrator EPS file which has a number of shapes that are set to multiply and overlay modes. I am also using a number of masks. Is there a way to export this art in SVG format and keep all ...
1
vote
1answer
85 views

Transform my icon SVGs to 32px x 32px icons in Inkscape

I'm a newbie to designing things in Inkscape. I'm developing a website, in which the tabbed content will have icons. Some of the icons I designed, I see, aren't uniformly 32px x 32px, when I set the ...
1
vote
1answer
82 views

Why does Illustrator CS6 read font information from a SVG file incorrectly?

I have a bunch of SVG files that were created by MagicDraw. In these files, I have several font definitions, e.g., <text x="152" space="preserve" font-size="11" y="376.958" ...
1
vote
2answers
65 views

Why is this font damaged in SVG?

I have a logo which has a symbol and some text. The stroke on the text is about 15px, so nice and fat. When I use it as an SVG image in a page, it works fine, except that when I increase the size, ...
1
vote
1answer
113 views

How to conceptualise and generate visualisations with many points interconnected via Bézier curves?

Can someone uncover the design process behind social network visualisations such as http://inmaps.linkedinlabs.com – and how those interconnecting Béziers are generated?
1
vote
2answers
804 views

Deliverable format for iOS graphics

The graphics designer I am working with has given me the 3 options for delivering the graphics for the iOS app. I want the delivered files to suit the following criteria: Good quality (Ex: for ...
1
vote
1answer
808 views

SVG Downward Inner Bevel

I am trying to reproduce this image as SVG: It was made in Photoshop simply by creating a rounded rectangle and setting an inner bevel layer style, downward. (It's a bit hard to see on this site, ...
1
vote
1answer
60 views

Changing text from 2-lines to 1-line - how to center the text field in a square again?

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except that I would ...
1
vote
4answers
668 views

How can I create SVG clipping masks?

I want to take a circle that has a blue border and a picture inside, and clip the picture so it fits inside the circle nicely. I'd prefer to use very small files, perhaps cut down in sprites. Once I ...
1
vote
1answer
2k views

Adobe Illustrator pixel to mm formula?

I import VECTORS in illustrator that i want to lasercut but they are measured in pixels. I want to output that to DXF. However i am wondering if pixels are converted to mm using a standard formula in ...
1
vote
2answers
4k views

Opening Inkscape SVG in Illustrator, not looking right

I'm new to graphics, and had to make a small poster for a competition. I created it in Inkscape, but found out they need a .ai file. I tried opening the SVG in Illustrator, and it just does not look ...
1
vote
1answer
496 views

How can I ensure my custom font-face icons alias correctly?

I have a set of icons as a custom font and am using them in place of an image sprite. The issue is the icons alias terribly at low sizes; i.e. the size that they are meant to be in the majority of ...
1
vote
1answer
32 views

Inkscape unable to add the same stroke width to all paths

Hi i just modified a text into paths and curved some paths, i attach an svg of my work. Now i just would like to add stroke to the object so that i can make bold the text, but as you can see , trying ...
1
vote
2answers
126 views

Cropping SVG files

How do I crop SVG files I created used MarvinSketch? Now I realise there are a few answers to this question like this one Getting rid of Whitespace in Inkscape but I've done that and it didn't work as ...
1
vote
2answers
78 views

Illustrator save as SVG: losing character tracking information

I'm trying to save two different versions of a certain SVG using Illustrator. The sole difference between the two versions is that a certain text element's tracking attribute was set. It seems ...
1
vote
1answer
134 views

What are the main performance issues in svg?

What are the main performance issues in svg? Out of filters, gradients , blurs, text rendering , clipping, transformations , etc, what takes the most resources to render? In particular, is it faster ...
1
vote
1answer
180 views

Inkscape: reusable components / objects?

We used Adobe Flash for SCADA visualization in the past, but we want to move towards SVG for new web-based SCADA projects. SCADA often uses the same, interactive symbols (like pumps, valves, ...) ...
1
vote
2answers
148 views

Seeking advice when working with SVG filters - more specifically multiply

I have a reference image of the effect that I am trying to achieve using SVG. In Photoshop the effect can be achieved by using 100% opacity with the blending mode set to 'multiply' The colors have ...
1
vote
1answer
387 views

Inkscape failing at converting an .svg to an .eps (or any other file)

I used inkscape to grab an image out of a pdf. After doing so, I found out the only way it would actually save was to save it to .svg. I then tried saving the svg to eps/pdf/wmf/emf... etc basically ...
1
vote
1answer
212 views

Illustrator reducing double stroke svg to a single stroke svg

I have a double stroke svg that I want to reduce to a single stroke svg. The area on the svg is defined as some white shapes that are overlayed on a black background, with anchors outlining the shapes ...
1
vote
1answer
188 views

Does CorelDraw have a native read resolution for reading SVG's?

Does CorelDraw has a default read resolution for SVG's? The only DPI settings that will show me the number of pixels exactly as they were created is 96. Is that Corel's native DPI resolution for ...
1
vote
1answer
34 views

Exporting from Illustrator causes a weird path effect

When I use the image trace feature in Illustrator I'm able to create a pretty high quality vector of an image. However, when I export it as an .svg file the paths aren't "just right" and it causes you ...
1
vote
0answers
97 views

Specify CSS class names on SVG paths using Illustrator

Is there a way to edit SVG files in Illustrator where you can specify a CSS class for each path? I already know in Illustrator that if you give the layer name an actual name, Illustrator will use ...
1
vote
0answers
86 views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
1
vote
0answers
219 views

Measurements and units in svg-edit

I am doing a modified version of SVG-edit 2.6 alpha, an online tool that allows the creation of graphics. I intend to use the application to allow my university students to send files for cutting ...
0
votes
4answers
306 views

Can Inkscape be associated to SVG as the primary tool of the trade? [closed]

I'm planning to make an icon to represent SVG. I know there are official logos, but I never saw them until I looked for them, and I don't believe many designers associate SVG to these logos. My icon ...
0
votes
3answers
110 views

How can I get illustrator to automatically clip the artboard to the vectorized objects size?

I just exported a shape from photoshop as a path and then filled it in illustrator. I now want to save the shape as an svg, or eps but I don't want to save all the excess whitespace around the object. ...
0
votes
2answers
934 views

Single path overlapping? I shoelace design

I'm trying to make something similar to this in Inkscape: I tried making a path then using object to path. But that didn't work. So then I tried using the pen tool from clipboard... Still didn't ...