Stack Exchange Network

Stack Exchange network consists of 174 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

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.

0
votes
0answers
19 views

Why does the pixel height of a font letter within Inkscape not match what is defined within the SVG file?

I'm working on scaling some SVG fonts programmatically. I was hoping to set the font size within the SVG file based on what I saw in the Inkscape GUI. Unfortunately, I ran into some weird. Here is ...
0
votes
2answers
27 views

Alpha for node markers in Inkscape

I try to create a SVG containing a an arrow which is supposed to have the color RGBA 00000086 so it is not completely opaque. Unfortunately, it looks like this: If I set the color (both contour and ...
3
votes
1answer
520 views

How can I remove the thin grey border on this SVG UK union flag?

I'm trying to use this set of flags on my website: https://lipis.github.io/flag-icon-css/ They're not perfect though, so I thought I'd help out and make some contributions to the project. Since I ...
0
votes
1answer
41 views
+50

Exporting After Effects animation to SVG with SMIL

I'm curious if there's a way to export animations from Adobe After Effects to SVG containing SMIL I'm currently using the tool Bodymovin, but that's limited to only exporting bloated JSON files and ...
1
vote
2answers
49 views

Exporting SVG from illustrator as strokes instead of paths

I have this image, which I'm exporting as SVG with the intention of animating it: In the version I'm exporting as SVG there's no background colour, that's just there so you can see it on this post. ...
2
votes
2answers
61 views

Alternative Font Family for text in SVG-file

Context http://tankarochkuriosa.se/documents/gone-home.svg http://tankarochkuriosa.se/gone-home-scout-symbol/ Environment SVG-file in Inkscape 0.92.3 on Windows 10 Pro x64 Problem Web browsers ...
0
votes
2answers
62 views

inkscape: how to keep raster quality/detail when scaling down?

i'm new to vector graphics and inkscape, working on a project to help my kids think about geography. i downloaded a generic blank world map with country outlines in .svg from wikipedia. i want to ...
3
votes
3answers
257 views

How do I adjust handles symmetrically on the same path?

I want to adjust opposite nodes on a path, made from a shape tool, simultaneously to maintain symmetry. For example I make an ellipse, convert the ellipse to a path, then select the two nodes opposite ...
1
vote
0answers
28 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
23 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) ...
0
votes
2answers
32 views

Import SVG so that each path is on a different layer in Animate CC

I am trying to import and SVG to the Stage in Adobe Animate CC so that each path/element of the SVG on a separate layer, as described on the official Adobe help pages. When I select "Import each path ...
0
votes
0answers
39 views

how to export animated SVG file from after effects?

Hi I have been trying using 'bodymovin' plug in in order to export animated svg, but sag format dose no exist. Maybe someone can help me?
0
votes
1answer
41 views

Illustrator: How to make the arrow keys move in smaller increments?

Here's me trying to fine tune something in Illustrator with the arrow keys. That's a single increment. Trying to click & drag is futile, because the object won't actually start to move until you ...
1
vote
1answer
40 views

Different versions of one SVG file [closed]

I want to create an svg button to be used in a WordPress plugin. Is there a way to make it compatible with a color picker to match each theme ? Maybe one file with different colors.
-1
votes
1answer
35 views

how to add custom font to inkscape created svg

excuse me for my question which may seem naive for many of you but I created svg file using inkscape and I am trying to include websafe font in it here is my svg file xml: <?xml version="1.0" ...
1
vote
0answers
47 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
1answer
24 views

White space being added above and below SVG when exporting in Illustrator

I am having an issue exporting an SVG with multiple layers. When I export the SVG, a ton of white space is being added above and below the actual image. I selected all the objects on the artboard and ...
0
votes
0answers
30 views

Adobe XD <circle> to <path>

I'm working on a project and I cannot figure out how I can turn the <circle> into a <path> when I export an icon I created in Adobe XD. <svg xmlns="http://www.w3.org/2000/svg" viewBox="...
-1
votes
2answers
67 views

Merging objects to reduce size in Inkscape

I've downloaded Inkscape in order to try to fix this fairly simple problem. I have a .svg file that is too big for the intended purpose. I've already taken the steps I could in order to reduce it in ...
0
votes
0answers
30 views

SVG: Adding custom attribute to Path tags in Illustrator CC 22.1

When editing an SVG in Illustrator CC 22.1, I would like to add a custom attribute, pfx:OutputType, to each path tag, like so: <path pfx:OutputType="1" .... It is possible that the value for that ...
2
votes
0answers
96 views

SVG Pros & Cons for Graphic Designers! [closed]

What Are the Pros & Cons of Using SVG for Web Graphics? Q: SVGs (Scalable Vector Graphics) are becoming a popular choice for web graphics. What are the main pros & cons of using them today ...
12
votes
1answer
1k views

What is the correct style that describes the following images

What is the name or names of the style used in the following images. They are used on Google, Facebook, atlassian.com, bitbucket.org and on info-graphics. I refer to them as lifestyle images but ...
1
vote
1answer
57 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 ...
0
votes
1answer
280 views

Why is trace bitmap not working in inkscape?

I had created a rectangle and was trying to use the trace bitmap feature to make a SVG copy but the copy was not being created.
0
votes
1answer
57 views

Why is my clipped path an uneditable symbol, unless pasted into a new document?

My clipped path is just an uneditable symbol, unless I paste it into a new document. I know it's still a path, but I can't edit it with the node selector. What is the reason for this error? The ...
0
votes
1answer
26 views

Flip group of paths over the left group edge

Maybe there is a better way to achieve this result but... I've design the following picture by adding paths and overlying them. Now I want to flip it to get the full picture but I'm not able to do it....
0
votes
2answers
54 views

Is there a way to export the 'glow effect' from an image to .svg code?

When I export an image of a loader I make to .svg code the glow effect doesn't appear later in the implementation (when we add it in the project's html/css). I see everything else but not the glow ...
0
votes
0answers
96 views

C4D to SVG using lottie

I'm experimenting with a 3D animation made in Cinema4D, converted to Adobe After Effects and then render with lottie. However, I have some issues, could you please advise what format of the animation ...
0
votes
0answers
29 views

Why is illustrator exporting SVGs with embedded bitmap images?

In Adobe Illustrator CC 2018, I use File > Export > Export As... > [svg options], and follow through the process, and the resulting output file contains an embedded bitmap image, and no ...
0
votes
1answer
78 views

How do you set Resolution DPI for an SVG Vector Image when you open it in Affinity Photo?

When I open an SVG Vector Image in Affinity Photo, Affinity doesn't bother to ask me for a resolution or DPI. In Adobe Photoshop, I would be automatically prompted for resolution when I open a vector....
2
votes
2answers
109 views

How to create warped ripple/wave effect?

I'n trying to recreate an effect similar to the background of this post on Dribbble: I don't even really know what to call this effect, but it reminds me of the Twilight Zone and old black and white ...
0
votes
2answers
40 views

Is it possible to mask texture onto text using different layers in Inkscape?

I have successfully masked a texture over text using this tutorial here: http://www.designmarkgraphics.co.uk/blog/articles/2014/12/07/create-gritty-worn-and-distressed-inkscape-designs.html Basically,...
0
votes
1answer
84 views

Sketch: Vector does not preserve color and transparency when exporting as SVG

When I export as SVG from Sketch, the transparency and colors do not appear as intended. What is going on here? SVG is on Sketch homepage.
0
votes
0answers
34 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
1answer
85 views

Exporting SVG to EPS with 1 pixel = 1 unit

I am creating SVG files programmatically and I want to export them in DXF or EPS for a laser cutter and CNC router. Illustrator can export to DXF with settings "1 pixel = 1 unit." Inkscape has built-...
-1
votes
1answer
95 views

Illustrator exported svg does not contain defined hyperlinks

CC2018 22.1 According to Add a hyperlink within Illustrator I followed those steps but I cannot get hyperlinks work in browsers. I have a complex Illustrator design (several paths) I've added 4 ...
0
votes
1answer
46 views

SVGnest mangles the SVG paths

I created an SVG with Inkscape and Illustrator and want to optimize the layout with SVGnest. But SVGnest mangles my paths completely. This screenshot shows the SVG in Illustrator to the right and in ...
-1
votes
3answers
69 views

Best way to generate an svg from this png

Attempting to get a high quality image from the TensorBoard projector my last hope lies in producing a svg from a screenshot. My attempts to create an svg in inkscape ended up relatively blurry and I ...
1
vote
1answer
112 views

inkscape) remove part of object which is outside of another object

I have two circles. One small blue circle and one big pink circle. Blue circle intersects the pink circle like the image I want remove just the part of blue ball which is outside of pink ball. I ...
0
votes
0answers
20 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 (...
1
vote
2answers
65 views

Why exporting to SVG reduce quality rendering?

I'm using Adobe Illustrator CS6. Once I export a (rotated) Area Type Text in SVG and I view at 100%, I can see it with low quality rendering: Only once I start to increase the zoom I gain quality: ...
0
votes
1answer
72 views

SVG for Web — possible to use clipping via CSS without a clipPath?

I'm not too well versed (yet?) in using SVG for the web. What I do know is that simple shapes are better than complex paths, if at all possible (due to simple points versus pathing points). Because of ...
2
votes
1answer
158 views

How do I convert a svg patterned fill to a set of paths?

I have a SVG path, which is filled with a pattern. The pattern itself is a set of paths. I want to reify the pattern as applied to the path -- turn it into a set of first-class objects which I can ...
0
votes
2answers
719 views

Save an Image as SVG From Photoshop

Whilst I'm sure this has been answered before as it seems so simple, I'm asking again because I cannot get a straight answer anywhere. All I want to do is save/export/change a .psd to a .svg. I am ...
1
vote
1answer
42 views

Guide positions and colors not being saved in Inkscape

I have a two-part question about guides in Inkscape. My OS is Ubuntu 16.04 and I have Inkscape 0.91. I noticed that in documents where I've switched the default units to pixels instead of mm (File>...
1
vote
0answers
114 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
2answers
49 views

Can I use SVG to replace UI graphics with text on mobile devices?

I'm new to this... I have a lot of assets that are exported as jpeg when I digest them. But we often have to translate these assets and it ends up with me the developer composing the asset in code ...
1
vote
1answer
287 views

Use an svg as clipping mask for div

I would like to use a svg as a clipping mask for a div, so that where the svg is placed you see the fixed background. I tried to explain it here: The size of the svg should depend on the screenwidth. ...
1
vote
2answers
83 views

Can we use the output of a perlin noise (feTurbulence) to hue rotate background color?

Context: I have build a program that make the following effect and I would like to add the effect in the SVG export but I have not found a way to do this effect in SVG it at the moment. The effects ...
0
votes
1answer
106 views

Hierarchical layer blending in Inkscape?

Suppose I have 3 layers in inkscape - from bottom to top, let's call them Layer 1 - Layer 3. I want Layer 3 to blend with Layer 2 using the "Multiply" blend mode. But then, I want the result to blend ...