Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [svg]

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.

2
votes
0answers
1k views

Clipping will be lost on roundtrip to Tiny

I'm trying to open a client SVG format image into illustrator, however I get this message "Clipping will be lost on roundtrip to Tiny" which means some parts of the image aren't clipped to where they ...
2
votes
0answers
366 views

Generate PNG`s from SVG`s (Asset Generator)

I am using Photoshop 2018 CC. Currently I try to generate Apple iOS compliant icons from several SVG`s (https://materialdesignicons.com): xx.png (24x24) xx@2x.png (48x48) xx@3x.png (72x72) The ...
2
votes
0answers
447 views

How to import an SVG image and set the SVG width as the gliph advance?

I use Inkscape to draw one SVG file per letter and FontForge to integrate it. For this, I follow this guide of FontForge documentation. In the SVG file, I use the right border to indicate a character’...
2
votes
0answers
584 views

How do I set a new SVG Path starting point?

I'm animating an SVG using CSS and I need to edit the SVG to have a new starting point for the animation. The path is relative. How can I go about doing this in Inkscape? Same issue but ...
2
votes
0answers
2k 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
53 views

How to convert Ai file to SVG while keeping the layer name the same?

I have an ai file that I want to convert to svg file for websites. It is quite a large file with lots of object, I want to keep the objects name the same as the ai file in svg file. But when I convert,...
1
vote
0answers
59 views

Scribus can't import my MATLAB eps figure and has issues too if it's converted to SVG in Inkscape

I have a MATLAB script that produces figures in eps format. I attempted to import into Scribus but got a fatal error. Instead I imported into InkScape first to convert to SVG (no problem there), but ...
1
vote
0answers
39 views

pdf created in Illustrator opened in Inkscape but pdf export misses features

I receive a pdf. This PDF was generated with Adobe Illustrator CC 22.0 (Windows) Adobe PDF library 15.00. I use Inkscape to extract a particular page and I copy one particular object (a white dot) ...
1
vote
0answers
371 views

How do I convert my Indesign documents to SVG files without losing/affecting my drop shadows?

I created documents in Indesign that have drop shadows applied to certain shapes. I'm trying to convert these documents to SVG files. Since there isn't a way to export from Indesign to SVG, I've ...
1
vote
0answers
292 views

Exporting SVG from Corel Draw - SVG stays distorted

Don't fully understand why, but some of my SVG files that I export are distorted. I am creating two fonts, and are having trouble especially with closed shapes like 8 and 0, but also with h - which is ...
1
vote
0answers
94 views

Online solution to combine/compound paths of SVG

I have the Google G logo below in SVG format and need to merge the paths to a single path. Is there any solution out there to solve this (preferably online) that doesn't require installation of new ...
1
vote
0answers
287 views

SVG xlink:href path to .jpg not working (inside my website project)

Why, when I open my .svg file alone in the browser it does show the picture from xlink:href but inside my website project it does not show the picture from xlink:href? This is the image from xlink:...
1
vote
0answers
106 views

Inkscape: Transform geometry of cloned path, but not the style

I want to design an illustration with a curved path and a skewed version of it. The original path org is somewhat "in flux" and a moving target; I have to adjust the shape of org so that important ...
1
vote
0answers
161 views

font-style: oblique as a substitute for italic, and vice versa

I have a hard time trying to understand font-style during investigation of transient bugs in a SVG→PNG converter) and comparing it against rendering in browsers. Common italic fonts don’t slant such ...
1
vote
0answers
1k views

How to crop SVG images in Inkscape?

I want the sides of this SVG image trimmed: I tried opening it with Inkscape, selecting the region I want with the Rectangle tool and then Object → Clip → Set. But nothing happens.
1
vote
0answers
65 views

Sketch: import SVGs with filters

I have an SVG with a filter tag that several elements are using. How do I get Sketch to recognize it? This is a simpler SVG, but it conveys my point: <svg width="230" height="120"> <...
1
vote
0answers
375 views

Adobe Animate: Export SVG seqence

I want to export a svg sequence in animate, however I can only find tutorials / info on how to export animated svgs. The latter is not usable in the project we are currently doing and right now it ...
1
vote
0answers
81 views

SVG file luminance masks not shown in Inkscape

I am generating SVG files with Python scripts (for mathematical diagrams) that use luminance masks on path elements. They appear perfectly in Chrome but the masks disappear when opened in Inkscape, ...
1
vote
0answers
135 views

Inkscape file opens, but the gui is corrupt

When I open a certain svg file, Inkscape will look like the screenshot. Why? The file (45k) is available here (I cannot copy objects from the inkscape instance to another). I can open the file in ...
1
vote
0answers
70 views

Exported svg from illustrator lacking transform attribute

I'm trying to save svg clipart for my site. For some reason they are missing the transform attribute which I need. I export with "presentation attributes" (though I've tried style attributes as well). ...
1
vote
0answers
177 views

Illustrator: problem when saving as SVG

I'm trying to create documentation that will use the same files for the online content as the PDF content. The biggest challenge has been getting the images a suitable size and quality for both. I ...
1
vote
0answers
351 views

How to fade out tail of path in InkScape?

How can I fade out this path from the bottom point, along the curvature of the circle, to the end point on the right? Or in SVG format: <svg xmlns="http://www.w3.org/2000/svg" width="437.074" ...
1
vote
0answers
150 views

Programmatically hide certain elements in batch export of SVG with Inkscape

I have some SVG images which I'm exporting to various formats by means of Inkscape's command-line interface, driven by a custom Rake task. This is working beautifully, but I'd like to be able to ...
1
vote
0answers
188 views

Clipping filling the intersection instead of cutting

I'm fairly new to Inkscape, so I was trying to clip the upper part of this letter "e" with a rounded rectangle, but when I do that instead of getting the usual result of having the area outside the ...
1
vote
0answers
102 views

Best method to present a fullscreen radial gradient in web to prevent banding

Is it better to generate a fullscreen radial gradient in CSS3 or with a maximized SVG vector? How would you implement the maximized SVG? Do you think that it's necessary to apply a raster noise ...
1
vote
0answers
535 views

How to export Photoshop shapes to svg with exactly same stroke effects

I'm not a designer, but I have to export image assets for a website from a PSD layout. I would like to use SVG format for icons for the sake of retina graphics support on the website. Some icons (...
1
vote
0answers
1k views

How to convert Visio documents with flowed text to Inkscape-compatible SVG?

I've tried to convert Visio documents (2010, 2013) to SVG for use with Inkscape 0.91 in two different ways, with unsatisfactory results. The trouble is always with the flowed text being incorrect in ...
1
vote
0answers
63 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 as ...
1
vote
0answers
1k 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 ...
1
vote
0answers
770 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 ...
1
vote
0answers
62 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
262 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
683 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
759 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 ...
1
vote
0answers
742 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
685 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
559 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
18 views

How can open a svg-icon in sketch unchanged?

I open a SVG-icon in sketch: <path fill="#9A9DAF" d="M98 46.9c-1.2 0-2.3.2-3.4.4L90 ..."/> <path fill="#A5EAFF" d="M79.4 91.2c-.4 0-.7-.1-1-.3-.9-.6-1.2-1.8-.7-2.7l6.2-10.3c.6-.9 1.8-1.2 2....
0
votes
0answers
27 views

Photoshop is exporting vector as transparent SVG

I've been give a .ps file to turn into a webpage. As part of that there is an vector logo in it. When I go to export it as an SVG it does export the file at the correct size, but it is 100% ...
0
votes
0answers
41 views

How to fix/change Inkscape scale factor while exporting into SVG?

I printed a PDF drawing with Chromium. This is my reference physical output. I imported the PDF into Inkscape (0.92.3), cloned the drawing and then printed within Inkscape. The output has the ...
0
votes
0answers
21 views

Live Type fonts won't appear after exporting to SVG from Illustrator CC

I am attempting to export several of our design files for a browser based customizer we are building for our site. As the title states, I am running into an issue where the live type will not appear ...
0
votes
0answers
19 views

Find out the file location in Inkscape

I have an .svg file being opened in Inkscape. I know that the file was opened using Inkscape, not just created right now. So, the file is present on the disk. How can I find the location of the file ...
0
votes
0answers
27 views

Inkscape - Unable to open an svg file

I am trying to use a linux command line to hide all layers in an svg file. Most of the time it works well but sometime inkscape failed at opening it. I am using inkscape 0.92.3. I compared the svg ...
0
votes
0answers
23 views

How to properly create SVG letter with proper endpoints

I have seen how to create letters in SVG such as this. What I am wondering about is the flatness of the endpoints of a letter, how to do that in SVG. I'm wondering if each "line" in the SVG letter is ...
0
votes
0answers
26 views

Illustrator - Exporting SVG with only transform tags

I'm exporting a whole lot of SVG blueprints for a client. The SVG's need to have a certain pattern in the text box section. The pattern I need is transform="translate (x, y) rotate(z)". The problem ...
0
votes
0answers
24 views

Illustrator save as multiple art boards selection grayed out

I have multiple art board and I'm trying to export each in to different svg files. The problem is the format part is grayed out. Why does this happen and how can I solve it? I'm using macOS Sierra ...
0
votes
0answers
68 views

How to make circular gradient in SVG?

I'm having a problem with exporting the circular SVG gradient. Do you have any idea how to solve it? SVG should support linear and radial gradient but i can't believe that it's so much limited. You ...
0
votes
0answers
37 views

why text separated in the svg file exported from adobe illustrator

Here is the text in illustrator See, the text is separated How to merge these two texts: "#" and "401"
0
votes
0answers
52 views

After using Asset Export, Adobe Illustrator doesn't recognise the file as SVG

When I export files with the Asset Export panel in Adobe Illustrator as SVGs, when I come to open them the next time I turn my computer on, I'm getting a dialogue box with different image options (...
0
votes
0answers
80 views

AI SVG format, path formula vs polygon points

I am creating a simple SVG shape in AI. When I finish I open the svg file in a browser. Then I click "Inspect" to inspect the element. Sometimes I get a path like: <path d= "M32,6L6,21.9v32.7h18....