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

1
vote
3answers
60 views

Animate Drawing of SVG Text

i did search around for a similar question but i couldn't find anything , hope it's not a duplicate ! i had some background in pixel-based graphics and web design mostly , but i never came across ...
6
votes
2answers
266 views

How can I reduce the aliasing that occurs around my custom icon web font when it is scaled?

I am trying to make my own icons and embed them in a custom Web font. For that, I'm using Illustrator & Icomoon. I design the icons in a 14x14px square, then I create my Web font using Icomoon ...
0
votes
2answers
695 views

Adobe Illustrator Save For Web SVG becomes empty

Windows 7, AI CS5 I have several artboards with different versions of a logo on them that I'm trying to save as an .svg file. ctrl+shift+alt+s to save for web. Active artboard's logo shows up in ...
6
votes
1answer
671 views

Illustrator CS6 Data Variables XML Parser Error

So I have to generate flyers for 10 different laptops (and more in the future). I decided to set up variables. I've created an XML Map for MS-Excel which allows me to save the 'XML Data' type file. I ...
4
votes
1answer
518 views

Why are some svg filters automatically converted to .png?

I was wondering why some of the SVG Filters found in Illustrator are automatically converted to .png when I export the entire file to .svg. I don't want any hidden .png files because of scalability. ...
4
votes
1answer
713 views

How to fit svg drawings to their canvas on the command line?

Cropping .svg files on the command line is simple: $ inkscape --verb=FitCanvasToDrawing --verb=FileSave --verb=FileClose *.svg I need to do the opposite. I want to fit the drawing into a 64 x 64 ...
2
votes
1answer
48 views

Saving an SVG with viewbox 0 0 in Illustrator

I've got a problem saving SVGs in their correct format in Illustrator. I want to save an SVG for web development with the viewbox as "0 0 100 100". The sizes, 100 width and height, are not a problem. ...
1
vote
1answer
90 views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
1
vote
1answer
82 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
1answer
160 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, ...
0
votes
1answer
36 views

My SVG file shows as a blank icon on the desktop

I'm a new at the web design and I'm not sure if I've done right thing while saving my icon as svg file. Here's the thing - I got an outline icon and when I save it as svg with options shown in ...
0
votes
1answer
41 views

Convert SVG to AI in Bulk?

Is there a tool to convert SVG to AI in bulk? Everytime I search for this I simply get online convertors that convert SVG to bitmap formats, or similar stuff. I would need an offline tool, and one ...
0
votes
1answer
62 views

Predefined SVG paths for character forms

In order to avoid to align more than 100 circles manually I'd like to automatically align them on a path which has the form of a character. Can I find predefined paths somewhere for those characters? ...
0
votes
1answer
63 views

How to clone objects in Inkscape so that ctrl-D will show the original object?

I am editing a game board for a word game, based on a "CC BY SA"-licensed SVG file by Denelson83: When I click at a colored square and then press ctrl+D I can see the original colored square - as ...
0
votes
1answer
110 views

Website to apply some visual style to a vector image (SVG, etc)

Question: If I have a vector path (let's say it's an SVG), what's a website I can send it to and get various "styles" in return? What I mean by "style" is just: change the colors of the vector paths ...
2
votes
0answers
69 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, ...
2
votes
0answers
333 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 ...
1
vote
0answers
550 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
430 views

Problems exporting SVGs from Sketch 3

I go to export assets from Sketch as SVG files. I have a few problems... If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example ...
1
vote
0answers
108 views

inkscape problems exporting filling pattern to pdf

I have created a filling pattern. When I export to pdf a shape filled with such pattern I get something really different from what I see in the editor. This is an example: what I see: what I get: ...
1
vote
0answers
246 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
0answers
19 views

Exporting 3D object from Poser or Daz to SVG

I am currently working on a human body in Poser which i want to export in SVG. Basically were talking about a 2D export and nothing fancy 3D. Im really struggling with finding a way to export this, ...
0
votes
0answers
20 views

Help regarding introduction to svg based animation

Can anyone help me regarding how to get started with svg based animations. I had a glance on snapsvg.io but finding it difficult to grasp. Is there a proper wayout? Another question is that can svg ...
0
votes
0answers
23 views

Why Does SVG Automatically Center Itself?

I recently converted my logo from PNG to SVG. The sizes of the images are identical, however, the SVG version seems to want to automatically center itself. You can view the PNG of my logo at ...
0
votes
0answers
21 views

Is it possible to export paths from illustrator as a URI?

This questions is slightly leaning towards web design, but I think it is more relevant here. I was wondering, do any plugins or techniques exist for exporting the file as SVG, and then without leaving ...
0
votes
0answers
232 views

Saving a shape with a pattern to SVG

I have a complex shape (world map) that is filled with a pattern. The pattern is derived from a single symbol. This symbol was created from another SVG file that may have been created with Inkscape. ...
0
votes
0answers
309 views

problem with pdf export in inkscape - line stroke

I had today some surprising experience in converting svg to pdf using inkscape. I am preparing drawings for laser cutter. for laser cutting, the drawing should be passed as pdf and the line stroke ...
0
votes
0answers
63 views

Can I use custom fonts in my SVGs in my Illustrator > Edge Animate > web workflow?

I'm creating an animation for web, using Adobe Edge Animate for the first time. I'm creating the SVGs in Illustrator, including text that uses a custom font. I need to link this font to an external ...
0
votes
0answers
647 views

SVG file appears blank in illustrator

I have an illustrator file which you can download from here: https://github.com/aristath/elusive-iconfont/blob/master/font/Elusive-Icons.svg However Illustrator CS6 seems to open the file as being ...