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

3
votes
1answer
552 views

SVG images for JavaFX-based game client

A group of programmers and designers are making a Trading Card Game (TCG). I work mostly on creative material. The Java game client is using JavaFX for GUI and we are looking to use primarily vector-...
3
votes
2answers
970 views

Long Shadow Effect in SVG for Web

Basically I'm wondering if anyone has any ideas on how to efficiently get a long shadow effect with an SVG: Example Image My three ideas on how this might be possible: Hella detailed gradient map, ...
3
votes
1answer
743 views

How can I create paths with accurate border-radii

So I'm getting a little confused with radii in Inkscape. For quite a while I thought that this: was the same as this: ... But it turns out that overlaying them on top of one another reveals that ...
3
votes
4answers
222 views

Split a path into two separate paths in InkScape

I have a monochrome drawing of a face done in SVG. The entire face is one path. How do I for instance select just an eye and make it into a second separate path? Thanks. Note that the eye is just ...
3
votes
1answer
112 views

Weird lines in svg in browser which are not visible in AI

I'm trying to create a simple vector graphic for a bar. It looks as I want it in AI but gets some weird lines in browsers. Please take a look at the picture and let me know if you know what can be the ...
3
votes
2answers
46 views

How do I allow " to render rather than " in inkscape?

I am developing a tool that will take Inkscape made SVG files. I want to make it so I enter various tagings like {{="test this"}} And my renderer, made it myself, would then replace the item with ...
3
votes
1answer
3k views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic lines/shapes in Adobe Illustrator, then make it one solid, continuous shape. I want to use this icon as a pre-loader on a website, the idea being each 'segment' ...
3
votes
1answer
190 views

Quality of text in PDF and SVG

I'm converting pdf files to svg as it is easier to use svg files on webpages. I first thought the quality of svg must be similar to pdf, as they are both vector graphics. However, now I look a ...
3
votes
1answer
2k 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 ...
3
votes
0answers
54 views

Generating font files from SVG files

I am trying to make an installable font (trueType, openType + web) from different svg files containing the characters. The tricky part is that the letter shapes are actually randomly generated by a ...
3
votes
1answer
28 views

Filling vector paths partially in Inkscape

I am trying to understand how to approach a problem where I have a vector path that I only want to fill only a part of the path of. For example, here is an unclosed inkscape path that I want to fill ...
3
votes
1answer
236 views

Illustrator CC 2014 - SVG coordinates keep shifting position

I'm using Illustrator CC 2014 to create a sprite sheet for use on the web. The artboard and icons are 16px wide. My problem is, the positions of the icons seem to shift, and I can't figure out why. ...
3
votes
1answer
4k views

SVG images showing up blurry in Safari in any size smaller than 20 px

I am doing a mobile demo for the Ipad that we are demoing in Safari. I am using icons to get away from having to scale my images 3x. Problem is that any icons that I am using that are smaller than ...
3
votes
3answers
4k views

Export SVG function in Fireworks only creates outline

There's a pretty big problem I'm having with Aaron Bealle's Export to SVG script in Fireworks: So I have a path in Fireworks that I created from a marquee selection (which came from the magic wand, ...
3
votes
2answers
98 views

Exporting to epub - keep text on path editable

I am looking for a solution to the following problem: I need to export files from InDesign to an epub format. I am using the built-in export feature of InDesign CC 2015. It works pretty well, but I ...
2
votes
2answers
2k views

License that allows me completely free commercial usage of images

PROBLEM: I need free images for my application. They are intended for controls ( main window / buttons / treeview icons ... ). MY EFFORTS TO SOLVE THE PROBLEM: Searching through Internet, I was ...
2
votes
4answers
8k 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: http://www.flickr.com/...
2
votes
3answers
2k views

Separating one element of an Svg file into multiple elements with Inkscape

I want to edit an svg from wikimedia commons that shows the human arteries to highlite a specific artery in a specific color. Unfortunately multiple arteries in that svg are represented by the same ...
2
votes
2answers
3k views

How to create a 3D effect in Inkscape as required by the Android Design Guidelines?

In the Iconography section if the Android Design Guide they describe the following style that should be used for Launcher Icons: Use a distinct silhouette. Three-dimensional, front view, ...
2
votes
2answers
761 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 edges....
2
votes
1answer
122 views

Inkscape: why do coordinates in GUI and XML differ?

In the drawing below I have e.g., a rectangle. In the GUI, Inkscape says the rectangle is at Y position 0, but in the XML for that element it says 873. Why is that and how do I get the "real" ...
2
votes
2answers
702 views

SVG looking bad in small resolution?

I've cretaed a SVG image trying to solve the quality problem when re-sizing the element or scaling it through CSS. To my surprise, my SVG image looks even worse than the reduced size of the GIF or ...
2
votes
1answer
294 views

What is the best practice for laying out and exporting custom icons from AI?

I'm working on creating completely custom icons with AI and essentially exporting them out as an individual svg icons to be used in our app development. I have been experimenting with different ways ...
2
votes
2answers
8k 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 ...
2
votes
1answer
3k views

Can I globally change colors in an SVG using illustrator?

I have an SVG graphic in illustrator. I want to replace colors, everywhere in the illustration, with different ones. Could I operate the color swatch to make the change? I'm looking for a global ...
2
votes
3answers
542 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
1k 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
3answers
2k views

How to import vector graphics into Keynote 6.6.1

Apologies if this is the wrong forum for my question. I'm having a difficult time importing vector graphics (svg flat icons) into Keynote 6.6.1. Any pointers are greatly appreciated. Here are some ...
2
votes
2answers
442 views

Join mid points of two adjacent paths in Inkscape

I have two adjacent paths in Inkscape with a tiny empty space between them. I'd like to combine them into a single continuous path such that each two adjacent nodes (in the below image) become one ...
2
votes
1answer
606 views

Pattern filled background is not exporting to SVG

I am trying to draw some electromechanic components in SVG format files. In the example below, you can see the symbol for one of these components in which I have filled the squares with a linear ...
2
votes
1answer
584 views

Can I get Illustrator to save an SVG and retain a transparent stroke?

Below is an icon comprised of two images. The top image has a 1px transparent stroke "knocking out" the layer below. This is fine as an .ai file. However when I save as .svg the stroke has ...
2
votes
1answer
499 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
2answers
10k 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 ...
2
votes
1answer
96 views

Illustrator export creates white borders at the edges

Just working on a logo, but when I export the logo to svg (for a website) I get white borders at the edges and the shadow (see picture). Anyone knows how this can happen and what I can do to prevent ...
2
votes
1answer
371 views

How to add a stroke property or animate the fill path of an svg?

I've been using a combination of Illustrator, Sketch, Inkscape, and Peter Collingridge's svg-editor to create and manipulate SVG's, but I've been running into a few issues. I am trying to create a ...
2
votes
1answer
239 views

Morph vector shapes by more than 100% (shape extrapolation)

I'm looking for the tool that can perform blending/morphing of two vector shapes by more than 100%, i.e. extrapolation. Standalone or online tool or plugin/script will work for me. It shouldn't be ...
2
votes
1answer
251 views

Extract clipping path from EPS (without Adobe Suite)

I've been supplied a bunch of product shots in EPS format. Having seen the shots used in various publications I had a hunch that they had already been isolated. Simply opening the files in GIMP ...
2
votes
1answer
156 views

How can I locate points on a path that are not smooth in Adobe Illustrator?

I have drawn a number of shapes freehand on a graphics tablet in Adobe Illustrator. Most of these shapes are blob-like and almost all points on the paths are smooth. They'll show handles if selected, ...
2
votes
2answers
537 views

Does SVG supports complex logos?

I have created a complex 3d style logo with transparency and other effects in adobe illustrator and later save as SVG file format. However, due to complexity of the logo illustrator or SVG failed to ...
2
votes
2answers
643 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 some ...
2
votes
4answers
4k 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 ...
2
votes
1answer
2k views

SVG font file appears blank in Illustrator

I have an Illustrator file which you can download from here. However Illustrator CS6 seems to open the file as being totally empty. Is there something wrong with the file? Perhaps something I can ...
2
votes
1answer
1k 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
302 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
95 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
1answer
25 views

How to reset the element IDs?

I work with a lot of Matlab figures which were exported to SVG-files. Matlab produces a lot of garbage alongside the actual image (mainly invisible lines). So there is a lot to clean up after ...
2
votes
1answer
36 views

How to generate a single path for a SVG using Illustrator?

This is the same question as here, because that solution no longer seems to work. I am using live trace on a Bitmap, and the results are good. When I go to save the document as SVG and click on "view ...
2
votes
2answers
118 views

Text background stands out when printing. What you see on screen is not what you get from the printer

Please can you advise me ? I made posters in Inkscape, being equations on coloured backgrounds. I blurred the equations because I think it looks "artistic" :) I then saved the Inkscape .svg files to ...
2
votes
1answer
173 views

Sketch “Trim Transparent Pixels” is unselectable/greyed out

I am trying to export icon svgs to icomoon and am getting svgs with a huge artboard. I believe i need to select "Trim Transparent Pixels" checkbox on the artboard in Sketch but it is greyed out. I ...
2
votes
1answer
3k views

Export from Sketch - vector to SVG strange output

I'm trying to export some vector icons I drew from sketch into SVG and PNG. Here are my icons in sketch: All nice and crisp. The shapes are in a group and against a mask, like so: When I click ...