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.

127 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
1answer
277 views

SVG for WPF from illustrator – URL?

Has anyone got some fool-proof settings for exporting SVG files from illustrator for WPF environment dev buttons? Specifically, I'm being told by the developers the icons with a gradient are ...
4
votes
3answers
591 views

Create SVG asset library with Illustrator

I'd like to use Illustrator to generate a set of assets for use in web. The idea is that I would define one or more defs that could be called upon late. It seems this is not the intended use, and to ...
4
votes
2answers
606 views

Coordinates of groups in Inkscape

I use Inkscape as a UI designer. I want to export each group as a single SVG using the python parser and Inkscape command line renderer but I have problems with the coordinates of each object. For ...
4
votes
3answers
628 views

How to correctly recolor in Adobe Illustrator?

I have an SVG ( http://www.feingeist.io/wp-content/uploads/2015/08/Polygon_grey.svg), which I want to recolor. Initially, I wanted to achieve this by using CSS function background-blend-mode: ...
3
votes
1answer
380 views

Setting the Viewbox so that the inline SVG will “Snap” to the size of the containing element?

I created this simple inline SVG by saving as "Optimized SVG" in inkscape. Prior to saving I set the size to 200X200px. <div style="width: 200px; background-color: red;"> <?xml ...
3
votes
0answers
2k 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 ...
3
votes
0answers
417 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 ...
3
votes
0answers
723 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 ...
3
votes
2answers
843 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 ...
3
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 ...
2
votes
1answer
81 views

Illustrator to SVG: different shades for different browsers

I have just approached the world of design and so consequently I have many doubts about certain subjects, one of them is related to nuances. As you can see from the images below, my "project" created ...
2
votes
0answers
120 views

Inkscape SVG Stroke Size Changing Depending on Zoom

SVG Shape Gaps change when Zooming I used this tool: here to create a low-poly picture and then downloaded it as an SVG. I then noticed that the edges were overlapping and so I brought it into ...
2
votes
0answers
250 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,...
2
votes
0answers
138 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 ...
2
votes
0answers
891 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 ...
2
votes
0answers
440 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 ...
2
votes
0answers
195 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 ...
2
votes
1answer
534 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:...
2
votes
0answers
154 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 ...
2
votes
0answers
207 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 ...
2
votes
1answer
463 views

How to batch add whitespace to rectangular images so they all will be square?

I have a lot of various sized rectangular images. I would like to keep them centered, do not change their size and only add white space, so every image would be square. After that, I want to convert ...
2
votes
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.
2
votes
0answers
90 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"> <...
2
votes
0answers
500 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 ...
2
votes
0answers
102 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, ...
2
votes
0answers
534 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
1answer
2k views

Is it possible to convert a path to a stroke?

What I'm doing is animating a stroke by first setting its stroke-dasharray and stroke-dashoffset, and then animating its stroke-dashoffset, so that the stroke appears as if it is being drawn by an ...
2
votes
0answers
240 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 ...
2
votes
2answers
8k views

Convert batch EPS to SVG using ImageMagick?

Is there an easy way to convert a batch of EPS files to SVG format, using ImageMagick or something else? I have thousands of vector files in EPS format and I need to convert them to SVG.
2
votes
1answer
1k views

How do I create an emoji font?

I've got some svg/ai files that I'd like to turn into an emoji font. Is there a way to do this? Every time I try to import into FontLab, it only imports as a black and white glyph.
1
vote
0answers
10 views

SVG Problem - how to minimize the number of segments in an SVG, such that it is easily tweenable in d3.js (Arcmap -> Illustrator -> d3.js)

I am creating a tweening web map that switches between different configurations of borders within a map. I'm using d3.JS to do this - here's an example of where I'm going http://jsfiddle.net/cormundo/...
1
vote
0answers
25 views

How to tell inkscape not to change manually entered paths in xml editor?

When I draw paths in inkscape, I can use the mouse to drag handles and nodes around or I can use the XML editor to manually tweak the d= attribute of a <path> object. However, if I edit the ...
1
vote
1answer
761 views

Is it possible to import my own SVG into Canva

I'm trying to figure out a way how to import my own vector SVG graphic to Canva. I've tried numerous tutorials on creating SVG files from Adobe Illustrator, I've tried numerous Ai to SVG convertors, ...
1
vote
0answers
118 views

Confusion about stroke and fill for SVG path animations?

I'm trying to replicate this SVG animation: Codepen-original but with my SVG logo. Here is the same codepen with my SVG logo: Codepen-with-my-SVG. I'm new to dealing SVG's and started learning and ...
1
vote
2answers
81 views

Editing SVGs created in Draftsight with Illustrator

I made a design in Draftsight saved it as an SVG file and imported it into Illustrator to make a vector poster. I separated out the elements to keep things organized. I seem to be having issues with ...
1
vote
0answers
25 views

How to access objects from a SVG image in Tupi

Given a SVG image file imported to a Tupi project, is it possible to edit the objects that this image contains (change their position, color, etc)?
1
vote
0answers
94 views

Is there possibility to export from Toon Boom Animation Harmony 16 Pro to json?

I'm a developer and we want to create an animated hero for one-to-one video chat and this here will be like the third participant. We want to get along only with css animation in extreme case start ...
1
vote
0answers
135 views

Set origin and rotation on a path with SVG's animateMotion

I'd like to apply a rotation on a path animated with SVG's animateMotion tag. Here's where I'm stuck at, my aim was to repeat the animated circle on the other three lines. It seems that transform-...
1
vote
0answers
43 views

Exporting multiple shapes from Illustrator as one resizable object

I designed a map marker using Adobe Illustrator and I am trying to export this design so I can use it in Adobe XD. When I export as a .png everything is ok. But when I export as an SVG I have this ...
1
vote
0answers
33 views

How do I easily separate multiple objects on an artboard to new SVG files w/ sizes?

I'm new to Adobe Illustrator, so please forgive me if this seems like a dumb question. I have an SVG file with the USA map and all 50 states. I need to create 50 individual SVGs, one for each state. ...
1
vote
1answer
115 views

Comic style scheme

I would like to build a scheme in comic style. I found the CSS markup that I like (https://codepen.io/mp/pen/ldAFs) It seems like the following tags do the job border-width: 3px 4px 3px 5px; ...
1
vote
0answers
90 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
1answer
479 views

How to override color on illustrations/icons that can't be flattened in Sketch App?

I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets. I made an icon of a ...
1
vote
2answers
950 views

PowerPoint 2016: Text disappear when “Convert to Shape” an SVG plot

I am trying to "Convert to Shape" an SVG plot according to this tutorial (Convert an SVG image to an Office shape) in PowerPoint 2016. The SVG file I am trying to edit is https://svgshare.com/i/5AL....
1
vote
0answers
182 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
83 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
202 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
436 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
182 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
111 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 ...