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
1answer
72 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
1answer
4k views

How to get <path> for SVG with Illustrator CS4

I'm trying to get the <path> data for an SVG file I'm creating with Illustrator CS4. It needs to look something like this, where I'm interested in retrieving the numbers inside the d ...
1
vote
1answer
3k 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
6k 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
507 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
41 views

How do I remove parts of a SVG that aren't on the page?

I downloaded this file from Wikimedia Commons (1) but there's a heap of the picture that doesn't fit on the document page and I'd like to know I can cut what doesn't fit on the page off so that it no ...
1
vote
1answer
28 views

Text SVG losing formatting and glyphs when export from illustrator

I am exporting SVG from illustrator and the text with special characters is falling apart with special characters. Is there a way to do this correctly? This is what it should look like This is ...
1
vote
2answers
382 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
76 views

Blank border when importing eps files

I'm really new using illustrator (to be honnest, it's only been two days). When I try to open eps files, there is a big blank border appearing around the image I've opened. I really don't know if ...
1
vote
1answer
1k views

How to export to SVG from Illustrator using Artboards

I am designing some icons. To keep the proportions correct, I designed all the glyphs in one artboard. Now, I want to experiment a little with SVG icons, so I want to export these icons to different ...
1
vote
2answers
222 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
1answer
68 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
1answer
79 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 ...
1
vote
2answers
133 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
398 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
316 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
204 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
564 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
277 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
235 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
28 views

Strange ID when save a file as SVG in Illustrator

I drew a map of a floor with offices in Illustrator, and I need to named each office floor. But the names have numbers or special characers such () and +, i.e. 360 (IVO+IMR+IEC) And when I save it as ...
1
vote
0answers
32 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
49 views

How do I overcome this PNG rendering problem of a SVG?

I uploaded a human body diagram showing the signs and symptoms of Hodgkin's lymphoma (http://health-and-medicine.wikia.com/wiki/File:Symptoms_of_Hodgkin_lymphoma.svg) to my Wiki but for some reason in ...
1
vote
1answer
52 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
78 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
0answers
136 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
23 views

SVG saving so less C data [duplicate]

I'm saving some SVG icons from Illustrator CC 2014 and when I give them to my dev he says can you make less CDATA. Does anyone know how? Thanks
1
vote
1answer
116 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
110 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
784 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
133 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
1answer
302 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 ...
1
vote
0answers
265 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
330 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
2answers
1k 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 ...
0
votes
1answer
82 views

Does creating a vector graphic on a specific screen resolution affect the output quality on higher resolution screens?

I'm creating my first game using the Unity game engine. I plan to target 1920x1080px; but my laptop resolution is 1366x768px. If I create the vector image on my 1366x786px screen, will the output be ...
0
votes
1answer
906 views

Saving PNG as SVG in Illustrator CC

When I open a PNG in Illustrator CC and save it as SVG, once I open the SVG on the browsers I found out that the Photo has been shrinked. Can you tell me the reason and if there is a solution for that ...
0
votes
1answer
674 views

Exporting a 3d extruded shape to SVG from Illustrator produces horrible plane joins

Here is a simple cylinder, created from an oval using the 3d extrude tool in Illustrator, and exported as a PNG: Now here is the same cylinder "saved as" SVG in Illustrator (I have displayed it in ...
0
votes
2answers
108 views

How do I design Photoshop, then go back into illustrator to make some of the icons SVG?

I'm used to making sprites – but read that SVG is the way to go. I'm creating a mockup for client and would like to show the custom icons made in Photoshop and now need to bring them back into ...
0
votes
3answers
141 views

How to create a picture like a diagram on Wikipedia?

I am a newbie in making pictures and animations. I have found a nice .svg picture on wikipedia and now I am assuming what tools the author used. I know that I can make this picture with Microsofts' ...
0
votes
2answers
160 views

I made a map in AI, but the file size is HUGE as an svg?

I made an svg in Illustrator, but now I want to use it in a website/app but it's a huge size (around 10 MB) how can I decrease the size of it? My illustrator file is pretty big but that because I have ...
0
votes
2answers
140 views

Vector Infographic - Why does it render differently in the web browser?

I made an infographic in Adobe Illustrator, and saved it as a .svg file. But then when I tried to open it in the Google Chrome browser, some of the fonts and some italicized fonts were not even ...
0
votes
1answer
117 views

SVG logo text instead of an image used in froont.com?

I am looking at the design of a website http://www.froont.com and they seem to generate the logo text using SVG. I am totally unable to understand how to generate logo text this way? Help is ...
0
votes
1answer
18 views

PharmGKB diagrams; how do I convert them into customizable svgs?

I'd like to be able to convert this pathway (1) to SVG in a way that I can then edit (e.g., adding a legend to the diagram and edit some of the hyperlinks in the diagram). I have tried saving it as ...
0
votes
1answer
58 views

Why can't I edit these SVGs with Inkscape?

In Inkscape it is impossible to edit the SVG images downloadable from here: https://archive.org/details/IauConstellationsSvg Basically, there is a single, large group and I can't ungroup it. Those ...
0
votes
1answer
78 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
195 views

Illustrator exporting SVG, viewbox doesn't match artboard size?

I'm attempting to output an SVG from Illustrator. My artboard is 256x256 pixels. The top left of the artboard is at 0,0. When I export my svg, the viewbox attribute is 0.5 792.5 256 256. Why isn't it ...
0
votes
1answer
249 views

SVG font units-per-em to mm

In an application I'm writing, I need to take a glyph's path from an SVG font and scale it to a particular size, which is specified in millimetres. I take the 'd' path property from the SVG font, ...
0
votes
1answer
1k views

Converting SVG to EMF without loss of data

I have downloaded several SVG files and need to convert them to EMF format ( Enhanced Meta File ). I have used Inkscape's Save as to save it as .emf but loss of data occurred ( I was warned by ...
0
votes
2answers
77 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? ...