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
2answers
46 views

Cut out a city in a map based on (a path) administrative boundries

I want to cut out this city, from a map, based on the yellow dotted line (administratieve boundries). So what is within the yellow line I want to remain and what is out off the line I want to delete. ...
0
votes
0answers
182 views

SVG pixelated on small sizes

I'm using this custom size 64*64 plus icon svg as zoom icon in my website. As you can see, it's pixelated. Specially the white border. Don't know why. Because it's svg it suppose to looks sharp right? ...
0
votes
1answer
528 views

How best to join multiple SVG Files info 1?

While I do realize that this question has bee n asked, and answered, the answers seems to have very mixed results, and unfortunately, the reasoning for the joining in the posts I have found appear to ...
0
votes
1answer
6 views

What are symbols as opposed to text, and how can I convert them to paths?

When I export an ER diagram in MySQL Workbench as SVG, its text uses <symbol> tags. This makes it impossible to copy the tables to another file, without breaking the layout. (The copied object ...
0
votes
1answer
55 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?
0
votes
1answer
27 views

Problems with text boxes after saving file in inkscape

After saving my logo in inkscape, I'm facing a problem with the text's boxes and alignments. The problem is that when I'm going to open it on krita as svg, the textbox is way bigger than the one I ...
2
votes
1answer
38 views

Inkscape - Concentric closed paths?

In inkscape I can draw a circle. If I want a bigger circle centred around it like an outline I can just hold down the shift and ctrl keys and I'll get concentric circles. This works because obviously ...
0
votes
1answer
36 views

Is there way to get or convert characters into svg path?

In this picture is cursive Chinese character. There are lot of stroke order for normal Chinese characters. Is there way to create this characters into individual stroke with path data like following. ...
0
votes
0answers
13 views

Scale svg content to fit page size (or vice versa) from terminal without inkscape

I want to scale an SVG image to fit the page size (or vice versa: crop the page to fit is contents). This can be done using inkscape as described here. However, there seems to be no way of doings this ...
1
vote
2answers
205 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?
1
vote
1answer
38 views

Is there way get separate part of a font in any graphic editing tool?

In this image as example for Letter R. I want to cut it into three pieces. Yellow color are cutting line. After rectangle is portion, I want it in separately like this Part 1: | Part 2: D Part 3: \ ...
1
vote
1answer
82 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
1answer
352 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 ...
5
votes
5answers
12k views

Remove transformations when exporting as SVG with Illustrator

Is there a way to remove path/group transformations when exporting as SVG with Illustrator? My problem is similar to this one but the given solution is only for Inkscape.
1
vote
2answers
6k views

Save svg without artboard in Illustrator

I have shape that I would like to save as svg file for web. I do: Save as Select Save as type SVG Use Artboard is unchecked by default Enter file name and save Unfortunately I got huge art board and ...
0
votes
1answer
103 views

SVGs export adding pixels in preview and browser

Hopefully some simple solution to this, but basically when I export an icon create in sketch it basically adds a pixel. Is this an export problem or a rendering issue in chrome for example? (or both). ...
0
votes
1answer
20 views

Does it matter whether multiple text objects are selected when doing object to path?

In this video, instead of selecting all the objects and doing Object to Path he selects on text object at a time. Does it make a difference whether multiple objects vs. just one are selected?
-1
votes
1answer
33 views

Inkscape clipping a text with path is not working

I am trying to clip a simple text with a path on Inkscape and is not working. Here is my text : Here is my path on top of my original text : Then I select both, and I click on Object --> Clip --&...
0
votes
1answer
350 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, ...
1
vote
2answers
35 views

How to apply a stroke only to the selected nodes in Inkscape?

I have this shape. I want the stroke (outline) to be around only the inner circle cutout, not the whole thing. If I go to the Fill and Stroke tab(Shift+Ctrl+F) and try to apply the stroke paint, it ...
0
votes
2answers
30 views

How to replace a mask group from within a component in Adobe XD?

I'm new to the concept of a component in XD, but I found it to be very powerful. Right now I would like to create a master copy of a component that is a button and contains an svg inside of it, but ...
-1
votes
1answer
35 views

How to create different paths of an existing image

I have this image bellow wich is an png and I want to fill with color different areas with css. The best way to do that is with svg. But I dont know how to make this different areas separated and ...
9
votes
2answers
12k views

Path with rounded corners in inkscape

I am trying to use Inkscape to draw a path consisting of line segments, where the corners are rounded, like the bold black arrows in this image. I tried the Bezier tool, but couldn't achieve the ...
0
votes
1answer
619 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
72 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 ...
11
votes
5answers
38k views

Changing the DPI of Inkscape’s PNG export

I use Inkscape and want to export a PNG image (of my SVG file) with dimensions 1080 px by 1920 px. However the DPI is always set to 90 and if changed, the dimensions change with it. Is it possible to ...
0
votes
1answer
25 views

Ungrouping and moving groups in InkScape seems to cause anomalies

I'm presently having a Spider-man experience with InkScape 1.0 (4035a4fb49, 2020-05-01). The initial files are straightforward SVG files, with none of the settings or superfluous stuff that Inkscape ...
0
votes
1answer
31 views

SVG Website Logo Aliasing Issues (uneven and messy when scaled down)

Website logo is an SVG and looks like this: When I resize it by setting my logo width on my website it turns into this: If you zoom in you can see the image is lumpy, uneven and messy. For example, ...
-1
votes
0answers
27 views

Text morphing, easiest way to do it?

I am looking into text morphing since yesterday. As far as I discovered, you have to morph each letter one by one. You can do text morphing with; using After effects, Blender, using animation ...
0
votes
0answers
17 views

Creating a multi-coloured SVG that can be changed to a single colour based off metadata values - clipping masks?

I'm creating a business dashboard. The software I'm using can display SVGs that can change in colour depending on criteria set by the user, which it does by modifying the fill of whichever object in ...
1
vote
1answer
64 views

Export After Effects animation to SVG + CSS?

Is it possible to export After Effects animations to SVG + CSS? I'm okay with a commercial solution for this. I know about Bodymovin' and Lottie, but I would like to avoid going down this path, ...
0
votes
0answers
23 views

In Illustrator, elements with SVG filters appear rasterized

I'm trying to use SVG filters for the first time and I can't understand why they seem to be rendering so badly. For reasons that I don't understand, when I apply any SVG filter, the element I've ...
0
votes
0answers
39 views

How to Batch Resize .svg images on a mac?

I have a batch of 14,000 images which are all different formats (.jpg, .png, and .svg), and I'd like to make the height on all of them 550px max while maintaining aspect ratio. I'm stuck on how to ...
0
votes
0answers
20 views

Keeping image-quality when saving Word as PDF

I would like to keep SVG images inserted in a Word (2016) document without lowering their native quality (first image) when saved as PDF. Default save-to-PDF from word messes up the images' quality (...
1
vote
0answers
22 views

Images resize when exporting them to SVG from Illustrator

lately I have been encountering a frustrating problem about keeping quality of images from Illustrator (v14.0.0) to Microsoft Word (2016). I created a mixture between PNG images, vectors and texts in ...
0
votes
0answers
26 views

How to reduce the size of SVG file for Cricut

I have several designs created for graphic T-shirts. Due to the size of each file, the error message reads, "File Too Large". I have tried reducing the size in Adobe Illustrator using the rastersize ...
0
votes
1answer
44 views

How can I create a “pill” SVG image in XML (by hand)?

I need to generate an SVG image of a pill box, like so: I know how to draw a circle with the <ellipse> element, how to draw a <path> element with the M (moveto), L (lineto), and Z (...
0
votes
1answer
100 views

How can I connect a path to an object in Inkscape?

I created a sankey diagram (using the awesome sankeymatic.com), which I then saved as an .svg and opened in Inkscape. The resulting diagram has nodes represented as objects and flow represented as ...
1
vote
1answer
149 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
1answer
84 views

how to export svg with only lines in illustrator?

i need to have the design of my project in lines, polygon,and polyline, but it makes them paths, it's possible to doit withouth editing the svg code directly?
3
votes
1answer
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
2answers
1k 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....
0
votes
1answer
35 views

Colour distortion of SVG object when moving and scaling in Inkscape

I downloaded an SVG file of button icons from Opengameart.org. I opened it in Inkscape. I selected and scaled all the button icons to let’s say 400%. Some are scaled fine but about half of them ...
2
votes
1answer
3k 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 ...
0
votes
0answers
28 views

Having extra white space at the left and right side of my SVG after exporting from Illustrator

I made a 1920x1080 sized SVG using Illustrator. After exporting to SVG, there are spaces at the left and right side of the SVG. I had tried a few times and make sure than i fit the artwork to the ...
0
votes
1answer
492 views

How to export font names as web font names in Adobe Illustrator CC

I'm trying to see if there's a quick and dirty way to export Adobe Illustrator files as SVGS that use the web font names on my company's website instead of the system font names on my machine. Is ...
3
votes
1answer
884 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 ...
1
vote
2answers
104 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 ...
27
votes
6answers
74k views

Preserving font type in illustrator SVG file

Hi I am new to illustrator and created an image that uses "Skia-Regular" font. But when I save that image in .svg format, it changes the font type. And when I open the .svg format file in browser the ...
1
vote
1answer
216 views

How to create multiple closed paths from segments in inkscape

Is there any comfortable (and accurate) way to convert multiple shapes represented by segments (but rather precisely closed) into shapes? I want to use files from a CAD system as Basis for a Design. ...

1
2 3 4 5
18