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.

Filter by
Sorted by
Tagged with
0
votes
1answer
447 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-...
4
votes
1answer
24 views

inkscape - combine svg elements into combined path

i have a hexagon based on one common side, repeated. the single side is a <g>roup of a <path /> and transformed <use />. i want to fill the inside of this virtual hexagon, but am ...
0
votes
1answer
21 views

Can't get Windows 10 font to show in PDF using Inkscape

As in the answer shown here, I'm trying to convert an SVG to PDF using Inkscape on Windows: inkscape --file=mySVGinputFile.svg --export-area-drawing --without-gui --export-pdf=output.pdf My SVG has ...
0
votes
1answer
92 views

Svg file exported from illustrator rendered incorrectly on IE and Edge

The svg file code: <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" width="811.49" height="817.74" viewBox="0 0 811.49 817.74"> <path class="b" d="M692.4,290.2c5.4-4.2,6....
4
votes
2answers
595 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 ...
2
votes
2answers
56 views

How to convey the specifics of animation mockups to developers

The developer at my studio is pushing me to create more compelling/interactive mockups of websites. We are at a total loss as to how I can communicate the specifics of the animations in these mockups ...
4
votes
1answer
270 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 ...
8
votes
5answers
38k views

AI vs EPS vs SVG

What's the technical difference? I'm interested in switching from Illustrator to Inkscape and would prefer to work exclusively with SVG, but is this going to be a problem for my team if they stay on ...
4
votes
3answers
574 views

How to create animation with svg format file?

How to create svg animation like this? https://cl.parspack.com/clients/templates/ps_seven/img/svg/header.svg I search on google but I can't any way to create animation with svg format file like this. ...
6
votes
1answer
1k 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 ...
-3
votes
3answers
3k views

SVG image not displaying properly in HTML webpage

I'm trying to insert an svg image that I created in Inkscape into my html web page but for some reason I can't get it to render correctly. Is there some sort of extra exporting step to get an SVG ...
1
vote
1answer
535 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, ...
0
votes
1answer
24 views

Adobe Illustrator arced text gets distorted after rotating

Whenever I try effect->warp->arc... I can arc my text, but when I try to rotate it (say by -30 degrees) the text gets very distorted -- especially at the end point. Matters are worse if I try to ...
0
votes
0answers
16 views

SVG lines with same stroke-width and coordinates seem to be displaced

I have the following two groups of lines with the same length (700 each). The first group starts at (500, 500) and ends on (1200, 500), and the second group starts at (1000, 500) and ends at (1700, ...
0
votes
1answer
47 views

View size is not correct while working on Illustrator?

I'm on CC 23.1. Here's the "preview" when I'm working on Illustrator, Zoom 100%: But once I export on SVG (and I open on other software, or browser Chrome), here's the result: It's clearly scaled!!!...
1
vote
1answer
6k views

How To Save SVG With Transparent Background from InDesign

I have an SVG open in InDesign. There are some dark gray letters on a white background. I am trying to make the background transparent and save the result as SVG. How can I do this?
7
votes
2answers
9k views

How to convert a circle to a path?

For example, when I save an SVG from illustrator and view the code, I see a <circle> element, for example, <circle cx="131.6" cy="292.3" r="311.7" /> but I'd like for it to be a <path&...
0
votes
1answer
6k views

PNG to SVG batch conversion

Is there a tool to convert 302 PNG images to SVG? I know how to do it one by one using Inkscape, but I need a tool to convert the 302 image at once.
0
votes
1answer
29 views

User icon path narrows unexpectedly when exporting SVG

I have a user icon I'm trying to export to SVG. The arc of the body narrows when exporting to SVG but appears fine when in Illustrator. Any thoughts on why this is happening? Illustrator v24.0 ...
0
votes
0answers
18 views

Putting Text on a textPath using Svg in Krita

In Krita 4.2 ,the text tool doesn't provide the feature to put text on a path,but it does give the ability to curve text using Svg scripting. On using a Svg script to create curved text (below) by ...
1
vote
0answers
7 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/...
3
votes
2answers
236 views

Orthographic projection of 2D SVG texture map onto 3D SVG sphere

Background Looking to project a 2D texture map onto a 3D surface. Texture & Globe The SVG source for the texture map is online: The crack data without gradients, simplified: The SVG source ...
0
votes
1answer
53 views

Setting the Background of Grouped Inkscape Objects

In this youtube at the current time the designer is able to set the background of 2 grouped objects. I've tried following the exact same sequence, but when I click on a palette color, the color is ...
28
votes
4answers
66k views

How do I use a custom font in an SVG image on my site?

I created a custom Facebook icon using Inkscape and saved it as an svg. It uses the same font as the title of my page, which uses the font "ubuntutitling-bold-webfont", which I have referenced as a ....
2
votes
2answers
72 views

How to make an SVG glyph (from a font) look like it was handwritten?

I want to take this font: and make it look more like the handwritten version: I don't want to make it look that handwritten, but a little rougher curves and more stroke-like tips to the curves ...
0
votes
0answers
24 views

Porting designs from Illustrator to Figma (SVG)

I need to use some logos and other elements I've created on Illustrator in Figma. I know that you can save an entire project on Illustrator as SVG but how to pick certain elements, say shapes and ...
30
votes
4answers
116k views

How can I edit an .SVG file?

Wikipedia has an extensive set of anatomy SVGs, but I can't highlight different organs or parts dynamically, because there are no source files with layers I can manipulate in Photoshop or GIMP. How ...
0
votes
1answer
23 views

Relative coordinates in animateMotion path

I cannot figure out why the blue ball1 in the following example does not "move to" the point on the path specified in #wire from its starting positions to mimic the path animation of the pink ball2. ...
0
votes
1answer
37 views

How do I turn a clippath into vectors?

I am new to inkscapeand have the following problem: I need to generate an svg image which does not contain a clippath - only vectors. But I used a clip mask to create a shaped pattern from an outline ...
2
votes
1answer
507 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:...
0
votes
1answer
40 views

svg/.ai file made with brushes, inverting stroke

I've created an svg in Illustrator using a rope brush which worked well but I want to invert the black and white which isn't working. It was done with a brush where stroke was black but fill wasn't ...
0
votes
1answer
55 views

Export svg compatible for web using illustrator

I am trying to export svg using Adobe Illustrator (AI). Exporting as svg is straight forward as save as option is available. I am working with file downloaded from internet. I am new to AI, having ...
1
vote
0answers
22 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 ...
8
votes
3answers
3k views

In Inkscape, can I link to a pdf/svg instead of embedding its content?

I am using Inkscape as a canvas to layout existing PDF/SVG/PNG plots that I have made in Python, and then add some details and text to the overall figure. When I import the PDF/SVG files via File >&...
10
votes
2answers
20k views

Opening PDF in Illustrator breaks up text objects

I recently had to convert some PDF files to SVG, and did this by opening the PDF in Illustrator, and saving out to SVG. The issue was that when Illustrator opened the pdf, many (but not all) text ...
0
votes
1answer
23 views

SVG order of transforms

Does the order of transform functions matter in SVG transform? For instance if i want to scale a shape but preserving the original coordinates specified in it's translate, would it help to first ...
0
votes
1answer
31 views

SVG files indentation sensitive?

Are SVG files to be formatted in a certain way? Like do indentation and line breaks etc. matter to SVG files?
4
votes
2answers
4k views

How to change font of all the text in an SVG image at once using inkscape?

I am using GeoGebra to render geometric figures. Really nice software but it seems the text font cannot be changed in it. I know I can change font of text using inkscape by individually selecting all ...
8
votes
4answers
17k views

Quality Loss When Scaling down SVG's

I'm having a hard time trying to find the best way to produce an SVG that maintains it's quality through scaling. The actual size of the image is the medium one which is pixel-perfect in Illustrator. ...
0
votes
2answers
81 views

Color glyphs from OTF font don't work in Illustrator CC

I wanted only to test color glyphs (e.g. A, B, C, H, i, e...; see screenshot) from this OTF font: tiny.pl/t4qfc. They don't work in Adobe Ilustrator CC. Does someone know why? E.g. in Paint.NET ...
0
votes
2answers
130 views

How export clean SVG file on Adobe Illustrator

There is always a layer named Group> with my exported asset How to get rid of it?
0
votes
1answer
50 views

Jpg to svg but source contains only lines

Origami Crease Patterns contain every fold needed for the base model but they usually come in low resolution and bad coloring. I tried many options from adobe illustrator for tracing the jpg and ...
0
votes
0answers
33 views

Export svg with animations using Adobe Animate

I have created a simply Sun animation and for now, I want to export my whole 2s animation into SVG file that could be later imported into the React project as an SVG file that contains my all ...
0
votes
1answer
171 views

Inkscape import .AI file appears blocky

I'm trying to import some vector images into inkscape to remove the background and crop them before converting to .svg. Problem is, when I import any of them, they appear really blocky and strange, ...
8
votes
4answers
12k views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
0
votes
1answer
52 views

Best Format for image for touchscreen (1920 x 1080 resolution)

I have these PDF files and they are 4500px x 6646px and 300 resolution and I need to display it on a touchscreen....on this touchscreen you have the ability to zoom in and zoom out. I have converted ...
0
votes
0answers
86 views

Why Illustrator changes anchor points position in exported SVG's?

When I open back the exported via Asset Export SVG's some anchor points in certain circumstances change their position while maintaining the original shape of the curve. I made some screens: points on ...
0
votes
0answers
10 views

Weird SVG stroke after exporting from illustrator [duplicate]

I've just exported my logo from Adobe Illustrator into SVG format for use on the web, since PNG files just aren't cutting it any more in terms of quality. Everything's going fine until I zoom into ...
1
vote
0answers
39 views

Converting text to an svg image [duplicate]

I recently asked my graphics designer to create an SVG image for the background of the homepage of my website (to be used via the background-image css property). I asked her to just write gibberish (...
12
votes
3answers
8k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...