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
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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
1answer
33 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
49 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
21 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
42 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
20 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
23 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
47 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
71 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
38 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
19 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
32 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
34 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
36 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
30 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
62 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
44 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
16 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
61 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
55 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
59 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
1answer
181 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
40 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
53 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
36 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
117 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
69 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
63 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 ...
0
votes
0answers
35 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....
0
votes
1answer
47 views

Gradient numbers for multiple svg export from illustrator

When exporting to svg from Illustrator, the code generates a "linear-gradient-" or "radial-gradient-" plus number. This seems to work until I export multiple files with different gradients. No matter ...
0
votes
1answer
59 views

New to Adobe Animate. Trying to make a frame by frame explosion. Need help

I'm new to Adobe Animate and animation software but I'm having trouble figuring out where to start. I want to make a simple explosion, and have created svg files of the individual frames. I want to ...
0
votes
0answers
53 views

Flash like SVG Animator Tool for Mobile?

For the desktop, I know there are many tools that can do exactly this such as... Animatron, Synfig Studio with this plugin, Snap.svg, and even Blender Basically, I'm looking for a similar tool like ...
0
votes
2answers
57 views

SVG image href renders entirely black

I am trying to grab an SVG from a browsertool (pgadmin4). However, I end up with an SVG that renders incorrectly. The generated graphic uses SVG "icons" by referencing external files. While this works ...
0
votes
1answer
51 views

Coloring an svg

I've downloaded an .svg and I'm trying to somehow color the stroked part so that for example the left circle will be red, the top one green, the top line blue, etc. I've been messing around in ...
1
vote
1answer
83 views

PS - Color changeable object using SVG

I'm using Photoshop CC 2015. For webshop needs I have to create svg file from the below image. The plan is that the color of the object from the image can be fully changed without loos of object ...
1
vote
2answers
77 views

Created a font set with inkscape, need help reducing the space between fonts

I created a font set with inkscape, it all worked well, I converted from .svg to .tff, however I tried using the font to type and I noticed that the fonts have huge spaces between them need help ...
0
votes
1answer
92 views

I am unable to change or remove pattern color of SVG in Illustrator

I am using Adobe Illustrator CC 22.1 (64bit). When I open a SVG that has a pattern I am unable to change the color of the pattern. Sometimes it works but with this pattern it doesn't, I do not know ...
0
votes
1answer
42 views

Is there an SVG collection or a set of “stickers” for free?

I'm looking for a set (or multiple sets) of stickers in SVG or at least good PNG (with transparent background). By stickers I mean like what some chat application uses like a collection of a pig doing ...
1
vote
0answers
34 views

INKSCAPE: How can I turn my .svg fonts into a font file [duplicate]

I am using inkscape 0.92.3 , I have created my my .SVG fonts following the tutorial here Creating fonts with inkscape, now I want to turn them into a font file, I selected the SVG font editor and have ...
0
votes
1answer
75 views

make shape from illustrator file doesn't work

I made my character in Photoshop and exported it as .SVG, then I opened it via Illustrator to make an .ai file, after that I opened the .ai into After Effects to make a shape from this but I went ...
0
votes
1answer
78 views

SVG Logo pixelated on wordpress website

I have saved my vector logo as .SVG file from adobe illustrator. But when i upload it on my website it is pixelated. The size of the logo which i want on my logo is (125px by 125px) but i am unable to ...
0
votes
0answers
485 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
1answer
29 views

weaving two svg items

I'm editing the SVG file in inkscape. How do I have the red loop overlap the top part of the blue tag like in the image above the svg?
0
votes
1answer
109 views

Is there any way to convert a closed path into a polygon in Inkscape?

Basically, I am working on a strategy game, and provinces on the map are basically comprised of a list of border points (which are used to create a Polygon). I thought that loading the points from a ...
2
votes
1answer
110 views

What are the units of measurement of path coordinates in .svg files saved by Inkscape?

Here are some fragments from the same .svg file made and saved by Inkscape: <svg width="150" height="150" version="1.1" viewBox="0 0 39.688 39.688" ... ... <path d="m-117.51 88.274c-1.6578 0....
-1
votes
2answers
309 views

Converting and resizing svg icons to pngs without losing quality

I'm creating an email in Mailchimp and trying to insert icons as images. Mailchimp doesn't support svg files, so I converted them to pngs in illustrator (exported for web). They're still appearing as ...
1
vote
2answers
501 views

How to retain only the black outlines of colored drawings, and then convert to SVG (vector file)

UPDATE: I have added a direct link to the PDF file, as well as a sample image below to give an overview of the goal. Hi, I currently have a color drawing/sketch that I want to convert to a vector ...
1
vote
0answers
34 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
1answer
19 views

SVG stroke-dashadjust polyfill. Trying to get SVG dotted stroke to align dots at the ends

W3C SVG Strokes introduces stroke-dashadjust but no browser implements it yet. Adobe Illustrator's stroke panel has a button for this feature – its tooltip reads Aligns dashes to corners and path ...
1
vote
1answer
52 views

How to export a circle line as path instead of circle?

I'm new to AI and been struggling to get a circle exported as path instead of circle. I need path for animation on web. The shape is really simple, just a 1pt line circle. I used arc tools and joined ...
2
votes
0answers
462 views

Convert svg linear-gradient to CSS linear-gradient (Adobe XD)

I was given an Adobe .xd file for a website, which needs to be created in WordPress. Part of the design are linear-gradients (as borders of images for example). My problem is, that I can't seem to ...