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
3answers
565 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. ...
0
votes
3answers
118 views

SVG export from Illustrator CC distorts paths

I'm trying to create some icons to add to the Glyphicons library. I've created them using the pen tool (shapes) in Adobe Illustrator CC, they're ultra-basic. As PNG, or EPS they export fine. ...
0
votes
3answers
3k 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 ...
1
vote
2answers
160 views

How to Save .svg in Illustrator so it shows right on Adroid?

I am trying to create a .svg image for Android devices, but it is not visible clearly in the device. How should I save the file from Adobe Illustrator and how can I optimise the file?
0
votes
2answers
198 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
1answer
48 views

SVG optimization practices when drawing in Illustrator

I’ve noticed that when exporting a file from AI to SVG, there is a lot of code created that is not necessary and I realized then that this code can be certainly optimised. Found this interesting SVG ...
1
vote
1answer
16 views

Help with bad importing of Wikipedia SVGs into CorelDRAW X7

I have a found several issues when importing SVG files found on Wikipedia to CorelDRAW X7. Whenever I import one, there are many artifacts or glitches. Examples are: Map of the German Empire within ...
1
vote
1answer
159 views

How do I make SVG files more transferable from Inkscape to Illustrator and viewable in Chrome?

I've created a SVG file in Inkscape [1] and I've noticed that viewing it in Chrome or Illustrator causes a number of parts of the diagram to be invisible or otherwise poorly rendered (e.g., in Chrome ...
1
vote
1answer
87 views

Substract color from all objects to mode alpha

I am trying to make some stuff from Illustrator, with using remove once color to setting up alpha mode. I created example from Photoshop like that: Any Idea? Edit 1: Recolor Art is useless, no ...
1
vote
1answer
1k 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 ...
1
vote
1answer
2k 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
1answer
241 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
votes
1answer
65 views

Exporting Illustrator SVG for web, using shape or line?

I have been working on several icons for my startup but I want to know if it's better to export them as a shape or a line. Is there a difference between exporting the SVG in an expanded shape or a ...
-1
votes
1answer
2k views

SVG not rendering in Safari

I have several pages on my site that show SVG images on any browser without a problem. One of the pages shows two different SVG images, and one of them is a pretty complex image. In my Chrome Web ...
-1
votes
1answer
77 views

Can I replace a pattern fill with solid fill on SVG files?

I have a SVG file with a shape that has a pattern fill. Can I replace the pattern fill with just a solid fill color in Illustrator?
4
votes
0answers
89 views

Problems with Dynamic Text in SVG when font is not SVG

So, I have an graphics automation chain that has been happily running on a headless linux environment using programmaticaly generated/altered SVGs and PhantomJS (currently 1.9.0) as a final rendering ...
2
votes
0answers
632 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
5 views

Why does Sketch mangle certain svgs when imported?

I have 2 svgs that look exactly the same on the web and in Illustrator. One of them has been run through a minify script. You can take a look at these 2 svgs and the code on codepen: ...
1
vote
0answers
14 views

Illustrator breaking apart and prepending '_x3' to every element that starts with a number in SVG export

I'm not sure if this is regular behavior, but when I do an SVG export in Illustrator, each layer name I have that is a number with be converted to a format I don't quite understand. I'm creating an ...
1
vote
0answers
32 views

Inkscape 0.48: Rearrange paths

I'm trying to figure out an easy way to rearrange paths into others in Inkscape 0.48 (Ubuntu). I've just created a basic map. The paths I drew are quite random and don't represent anything, for ...
1
vote
0answers
80 views

How to convert higher order Bézier curves to piecewise cubic Bézier curves

Is it possible to convert higher order Bézier curves to piecewise cubic Bézier curves in Inkscape?
1
vote
0answers
50 views

Set an XML attribute and value for multiple selected elements

Within Inkscape I'd like to Select multiple elements, visually Specify an attribute and a value (e.g. "style"="display:none" or "sodipodi:insensitive"="true") End up with all selected elements ...
1
vote
0answers
170 views

SVG image not displaying CSS base-64 data URL encoded fonts in Illustrator

I'm dynamically generating an SVG that includes text and a font using an embedded base-64 font-face with this method: How do I embed Google Web Fonts into an SVG? <defs> <style> ...
1
vote
0answers
116 views

Shading an SVG shape using control points

I'm using Inkscape to produce an SVG image which is supposed to reproduce a photo. I have some arbitrarily drawn shape, and I need to shade it. Here's an example photo: Here's how I would like to ...
1
vote
0answers
131 views

Is there a tool that converts Adobe Illustrator's 3D Rotate effect to SVG or CSS transforms?

I'd like to export a graphic as SVG, and it contains text that has a 3D Rotate effect applied to it. Saving as SVG this expands my text to outlines :( I'd like it instead to output <text> ...
1
vote
0answers
295 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 ...
1
vote
0answers
327 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
13 views

Vertical flipped line exported as SVG shows coords “flipped”?

I have a line created in Illustrator. This line have some small curves. Im animating (revealing) this line with an animation library. My issue is: In Illustrator I flipped the line vertical and when ...
0
votes
0answers
20 views

How to make full svg fonts (not just outerlines)

I am trying to make an handwriting animation in html. What I need is a .svg from the signature. I have tried to make this in inkscape, but when I use this svg only the outerlines will be drawn. Can ...
0
votes
0answers
29 views

How to improve the quality of raster images (embedded or linked) in SVG created with Illustrator CC

I created a new file and placed a PNG image as background. If I try to save that as an SVG file with Adobe Illustrator, the quality of the background image is very degraded compared to the original ...
0
votes
0answers
21 views

SVG export from illustrator centers viewbox

Just got Illustrator CC, and using export with settings I've used in the past, but the SVG output is strange. The Viewbox generated is causing the SVG to be centered in the window. This is causing ...
0
votes
0answers
115 views

Convert PDF to SVG preserving fonts

I´m using Inkscape to convert pdf to SVG. I need to preserve the text but SVG keeps converting it to path. I have tried embedding the fonts in the pdf but still the same result. Do you know if it is ...
0
votes
0answers
83 views

Center icon in a transparent square for SVG export

I have a file with many art boards within, each has an icon. I've exported all the icons in to there own .ai file and now I want them all to be exported as SVG's centered in a square so they are all ...
0
votes
0answers
61 views

Exporting SVG in mm instead of px in AI

I am trying to export my vector graphics as SVG. Inside Adobe Illustrator everything is just right, measured in mm. But when I use the "save as" option it always converts it to px (scale factor around ...
0
votes
0answers
148 views

How to import SVG icons to Sketch so that they don't overlap and placed in order?

I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files into Sketch, all icons are placed very close to each others so I'm ordering all of them by ...
0
votes
0answers
115 views

import psd as text into illustrator

I have a psd file with picture and text, that I am trying to convert to svg - so the text will be scaleable. I am working with cs5. I believe you can export as svg from photoshop-cc now, but I dont ...
0
votes
0answers
34 views

How to draw into tiled space?

I want a pen that draws at 9 points spaced in a grid spaced about 90% of the page. In svg or similar vector format. The idea is to be able to make nice tile-able drawings. I have tried photoshop, ...
0
votes
0answers
151 views

SVG to EPS in Inkscape and jagged edges

I have a simple logo comprised of an outer ellipse, an inner ellipse and lastly text inside that. The ellipses have only a fill, no stroke. The text is converted to a path. It is drawn on a 3508x2480 ...
0
votes
0answers
37 views

How to snap images to artboards?

I am trying to export multiple artboards as svgs (with MultiExporter script),but some of the images get cropped,they do not snap to my artboards. I have tried to untag the 'align to pixel grid' ...
0
votes
0answers
75 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
41 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
40 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
44 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
661 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
1k 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 ...