Tagged Questions

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
3answers
107 views

How to exclude hidden shapes when saving to SVG

Im trying to save icons out to SVG format, one at a time, but from one document. what i mean is, i have all my icons laid out in one document, and once i am ready to save them, i will move the icon i ...
0
votes
1answer
162 views

Create SVG circle with 6 segments

What would be the most efficient/concise way to create a SVG file with 6 segments? I'd like to create the SVG by hand and not pre-calculate the points with some kind of software - if possible. I ...
0
votes
1answer
66 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 ...
2
votes
1answer
124 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 ...
0
votes
3answers
902 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
4answers
1k views

When I save as .SVG it adds extra whitespace width to the document

I have my image on the artboard and have clicked Object > Artboards > Fit to artboard bounds. When I save an SVG I get extra whitespace at the bottom, how can I just save whats in the ...
0
votes
1answer
998 views

Export HUGE png/tiff/pdf from SVG

I need to get an image (optimal would be pdf/tiff but png will work, too) from my svg file. The svg is relatively small (cca 300 kB). What I need is an image in resolution cca 10000x5000px in 60+ ...
4
votes
1answer
554 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. ...
0
votes
1answer
359 views

Saving as SVG in illustrator gives me an error

I'm getting an error when I view my illustrator doc. error on line 33308 at column 20: Namespace prefix inkscape for connector-curvature on path is not defined My illustrator document is ...
0
votes
0answers
238 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
1answer
335 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 ...
6
votes
2answers
276 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 ...
1
vote
0answers
115 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: ...
5
votes
5answers
8k views

What file type should I use for a logo when exporting from Adobe Illustrator?

I'm a fine artist, new to Adobe Illustrator. I'm in the process of designing a logo for a company using Illustrator. What type of file should I send them when all is completed, so they can use this ...
0
votes
0answers
332 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
1answer
333 views

How to fit text inside a shape using iDraw

I'm trying to design a logo, and would like to fit the name of the product inside a shape. In this case, the shape is a closed path in the shape of a smile. Any ideas how I might achieve that? ...
1
vote
2answers
119 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 ...
5
votes
1answer
866 views

Importing SVG into Illustrator with proper viewBox size

When I try to open an svg file with Illustrator, Illustrator defaults to whatever artboard size was last used when a file was open. As such, the svg, if not the same size as the previous artboard, is ...
1
vote
2answers
4k 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
69 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
3k 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: ...
2
votes
1answer
343 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 ...
0
votes
0answers
65 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 ...
1
vote
1answer
327 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 ...
3
votes
1answer
2k views

Add a hyperlink within Illustrator

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an ...
0
votes
1answer
3k views

Illustrator - Make paths as a compound path

I am having a simple issue from import SVG path to Fontello: 'id.svg' contains multiple paths/shapes. Please, make them a compound path, and try import again. So, I have this vector: What I ...
1
vote
2answers
2k views

Preserving font type in illustrator SVG file

Hi I am new to illustrator and created an image that uses "Skia-Regular" font. But when I save that image in .svg format, it changes the font type. And when I open the .svg format file in browser the ...
2
votes
2answers
244 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 ...
1
vote
2answers
70 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
231 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
1answer
434 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 ...
5
votes
2answers
693 views

Is it possible to convert PostScript to SVG? (Inkscape)

Is it possible to convert a PostScript file to SVG? Based on an answer in Tex.SE, I tried to use inkscape: inkscape test.ps --export-inkscape-svg=test.svg This indeed produced an SVG file, but ...
0
votes
1answer
476 views

Problem converting svg to eps in inkscape

I'm using Inkscape to convert an svg to eps. But when I save the svg as eps and open the eps using Gsview, the image is not placed at the center of the page, and even some parts of it are out of view. ...
3
votes
1answer
292 views

Why does Illustrator struggle editing SVGs?

I really enjoy editing vector graphics. Typically I use Inkscape for editing vectors because Illustrator seems to throw so many errors when reading the files. I understand that an SVG is basically ...
2
votes
4answers
1k 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
271 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, ...) ...
2
votes
1answer
615 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 ...
0
votes
1answer
194 views

Is it possible to give a mask to an SVG document or a layer?

I wish to round the corners of some SVG documents in a such a way that it hides whatever gets in that corner. Like a clipping Mask of any other objects. Is this possible in SVG, or in Inkscape?
1
vote
1answer
3k 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
147 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
193 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 ...
2
votes
3answers
3k views

“Select by color” and “draw path from selection” in Inkscape?

I imported an image to Inkscape. Now I'd like to select all those regions that have the same (or to a certain degree similar) color. From this selection I'd like to draw a path (to which I can add a ...
10
votes
2answers
6k views

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
1
vote
1answer
92 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 ...
4
votes
1answer
765 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 ...
-1
votes
1answer
77 views

Can you create videos using SVGs?

I have always looked for a tool that can create videos like these (see second section, the overview) These tools are normally used on the videos for startups, and if I'm not wrong, the graphics shown ...
1
vote
1answer
515 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 ...
5
votes
2answers
3k views

Opening PDF in Illustrator breaks up text objects

I recently had to convert some PDF files to SVG, and did this by opening the PDF in Illustrator, and saving out to SVG. The issue was that when Illustrator opened the pdf, many (but not all) text ...
2
votes
1answer
448 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 ...
0
votes
1answer
110 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 ...