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
2answers
54 views

Exporting to epub - keep text on path editable

I am looking for a solution to the following problem: I need to export files from InDesign to an epub format. I am using the built-in export feature of InDesign CC 2015. It works pretty well, but I ...
2
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
27 views

Is there an automated way to remove cropped regions of embedded images in order to optimize the size of an Inkscape SVG file?

I am preparing some figures for a scientific publication using Inkscape. These figures are SVGs containing embedded bitmap images that are quite large, but only a small rectangular clipped region of ...
1
vote
1answer
25 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
30 views

How do I allow " to render rather than " in inkscape?

I am developing a tool that will take Inkscape made SVG files. I want to make it so I enter various tagings like {{="test this"}} And my renderer, made it myself, would then replace the item with ...
1
vote
1answer
56 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
258 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
101 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
72 views

How can I use just Roboto font with SVG's?

I am using Adobe Illustator to make some SVGs. I need the font-family to be ONLY roboto for the web. However every time I save it shows other roboto fonts like Roboto-Regular and Roboto-Light. I ...
-1
votes
1answer
123 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
5k 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
93 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?
6
votes
0answers
313 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
89 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
70 views

Weird lines in svg in browser which are not visible in AI

I'm trying to create a simple vector graphic for a bar. It looks as I want it in AI but gets some weird lines in browsers. Please take a look at the picture and let me know if you know what can be the ...
2
votes
0answers
769 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
42 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
39 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
45 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
154 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
92 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
242 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
188 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
362 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
23 views

Modify Path of SVG

I have some SVG files that have 0,0 as the top left corner of the image. I want to change the path so 0,0 is the center of the image. I also need to scale the image. I'd like reposition and scale ...
0
votes
0answers
24 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
20 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
16 views

Specific svg file size

I want to export my logo from affinity to .svg in specific size, but affinity always sets size for 100% width and 100% height. Where can i change it?
0
votes
0answers
72 views

How to import vector graphics into Keynote 6.6.1

Apologies if this is the wrong forum for my question. I'm having a difficult time importing vector graphics (svg flat icons) into Keynote 6.6.1. Any pointers are greatly appreciated. Here are some ...
0
votes
0answers
35 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
26 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
58 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
100 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
36 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
21 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
22 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
26 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
106 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
118 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
28 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
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
66 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
26 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
203 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
112 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
202 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
35 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
205 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
106 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
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 ...