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
3k 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
19 views

Remove transformations when exporting as SVG with Illustrator

Is there a way to remove path/group transformations when exporting as SVG with Illustrator? My problem is similar to this one but the given solution is only for Inkscape.
1
vote
1answer
93 views

Scaling SVG while preserving aspect ratio of embedded SVG

I am trying to build a map with a SVG. It should be possible to scale the whole map without keeping the aspect ration. However the aspect ratio of the markers should be preserved. Following SVG is ...
1
vote
1answer
76 views

Font outlines for svg file with the smallest size?

I noticed that when turning a image with many texts into svg file, it'd be larger than its png file. The strokes of the outlines, which are part of font before we turning it into outlines, takes the ...
1
vote
1answer
273 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
106 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 ...
0
votes
1answer
17 views

How do I move groups TO the root layer in Inkscape

As the title shows, I need to move groups to root layer in Inkscape. This is needed because I'm using a Unity plugin that allows to automatically generate a PNG atlas from a SVG file, but unluckily ...
0
votes
1answer
102 views

SVG Logo - Works in Chrome/Safari, faulty in everything else

I am just jumping into the SVG world, and have created a SVG logo for my magento site with animations and all. The animations and styling are all within style tags at the top of the SVG, and it works ...
0
votes
1answer
60 views

Export as SVG in Photoshop?

I have opened a PNG image in Photoshop. I want to export as SVG and make the image pixelated. How do I do this? When I zoom in the image in Photoshop, the image is pixelated. I want to have the exact ...
7
votes
0answers
496 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
203 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
0answers
108 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 ...
2
votes
0answers
842 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
16 views

Target what svg compressor option messes up file for sketch 3

I am using https://jakearchibald.github.io/svgomg to compress my svg image, its pretty good at what it does, but after running image through it, sketch 3 messes it up and it looks like this: Where ...
1
vote
0answers
76 views

How to indent entire textPara in Inkscape?

I have an SVG with some flowed text that has a hierarchy to it. My text currently looks like this: But I'm trying to make it so the second paragraph is fully indented some X units, like so: I'm ...
1
vote
0answers
34 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 ...
1
vote
0answers
52 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
188 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 ...
1
vote
0answers
273 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
224 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
372 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
20 views

Vector transparency issues

My avatar on my website (http://www.jacksewell.uk/) has a shaded section on the right side of the face which looks fine on desktop but on mobile the shaded" section is just a solid black. Any help?
0
votes
0answers
21 views

Can you save pixel art as svg in Illustrator?

I have made some (a lot) pixel art in Illustrator and I started to save them as PNGs. I then thought SVG would be better. When I do so, there are gaps between the pixels and some have moved over a ...
0
votes
0answers
27 views

Adobe Illustrators buggy implementation of SVG Export

What I need: Multiple SVGs on the same web page. Each SVG has a clickable link inside it. File / Export SVG would be a great option. If it didn't remove all links... Create something with an URL ...
0
votes
0answers
25 views

Ai save as Svg empty file

When I save an artboard as svg, I get a Svg file that is empty. I made sure that the artboard does not contain objects also outside the artboard in the same layer. When I paste the shape in the newly ...
0
votes
0answers
36 views

Convert fill styled icons to stroke icons in Illustrator

so I want to use a script called vivus.js and one of the conditions for this script to work is: All elements must have a stroke property and cannot be filled. This is because the animation only ...
0
votes
0answers
22 views

Clean .svg - export of text layers in Illustrator

I'd like to use .svg as a wrapper for illustrations so that all kinds of elements (captions, image) can be put in groups and controlled by the backend or browser. In the example below, I want to code ...
0
votes
0answers
19 views

Rounded Rectangle Anomaly in Sketch

If I create a rounded-rectangle shape in isolation, then remove the rounding on two of the corners and export as SVG everything is fine. Works as you would expect. However, in this instance I did ...
0
votes
0answers
42 views

Generating “String” SVG Data from photoshop

I am new to photoshop, switched from GIMP. In GIMP, you could do this: Selected the image and convert selection to path. Then Export Path and it would give an SVG file which when opened with notepad ...
0
votes
0answers
47 views

Best practices for a file of icons in Illustrator that can export perfectly to both PNG and SVG?

I'm using Adobe Illustrator to maintain a set of icons for a desktop application. Whenever I update them, I need to export them both to SVG and to a minimum-resolution PNG that matches the pixel ...
0
votes
0answers
36 views

SVG export for web with fonts

I'm trying to export an SVG image, which contains text from illustrator. I want to use it for a website. For SEO and size reasons I don't want to convert typo into vectors. What are the settings I ...
0
votes
0answers
27 views

illustrator saving SVG with images embedded

I have a peculiar issue while exporting .ai files to .svg. Inside svg I see some parts are being embedded as .png and some parts are retained as vector... it seems quite arbitrary, any ideas how to ...
0
votes
0answers
86 views

SVG showing as blank in html

I have the following SVG file , saved as XML , looks as follows: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build ...
0
votes
0answers
27 views

SVG file back to an AI

I saved an illustration as an SVG with style attributes and I forgot to save it as an AI. I would like to edit the contents but it has grouped and outlined my artwork. Is there a way to undo the ...
0
votes
0answers
82 views

How to save an SVG with a transparent background and fixed height and width?

In sketch I have one large artboard with a width of 1000 and a height of 2000. I made a grid to house 50 logo's with a fixed width and height of 200x200. So all the logo's fit in a square of 200x200. ...
0
votes
0answers
165 views

Sketch SVG Export Issue (Mask)

I have strange issue connected with mask usage in Sketch. Here is the screenshot of what i have in Sketch and what I get after export: So, how to fix this, what am doing wrong?
0
votes
0answers
38 views

Is it possible to export a PSD from Illustrator and preserve layer styles and shapes?

I'm testing this new workflow to be able to work in Sketch, export the SVG to Illustrator, do some magic there, and produce the PSD. But I'm having trouble making it export the vector shapes as ...
0
votes
0answers
24 views

Export vectorial objects to import into Sketch3

I have got a .png adobe fireworks containing over 50 pages of a website design. Now i want to import all the objects (preserving vectorial mode) into Sketch3. How can i accomplish this?
0
votes
0answers
26 views

How to produce a centered svg when using Extract Assets?

This is the design I have. I want my svg to look exactly like this but as you can see, using Extract Assets shifts everything to the left side. Is there a way I can have this centered on Photoshop ...
0
votes
0answers
35 views

How do I combine an SVG file with auto incrementing text in illustrator

Currently we have a series of sequential QR codes as SVGs. We are looking to add an incrementing unique number to the bottom of the QR code. Something like the following process. Import SVG ...
0
votes
0answers
145 views

CorelDRAW does not apply SVG canvas size on opening

I have a SVG file generated using fabric.js. I need the SVG's size to be A3, so after generating it via fabric.js, I have to manually add "mm" to the sizee values to change the unit from pixels ...
0
votes
0answers
147 views

SVG: Easiest way for shadows without filters

I'm developing an app which uses SVGs as graphical resources (for better scaling and crisp graphics). The programming part is just fine but the SVGs must not contain filters due to some programming ...
0
votes
0answers
37 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
78 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
28 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
236 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
140 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
37 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
236 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
119 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, ...