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

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.

0
votes
1answer
85 views

Illustrator freaks out trying to display certain SVG files

This happens occasionally and I don't know what the fix is. Illustrator cannot properly display certain SVG files that look fine in a brower and Inskscape, and validate with no errors. For example, ...
3
votes
1answer
342 views

Is SVG conversion to PDF lossless and deterministic?

Assuming an SVG is converted to PDF vector paths. Deterministic: Will program A (e.g. Inkscape) produce the same PDF for a given SVG as program B (e.g. Ghostscript)? Lossless: In the same program, ...
0
votes
1answer
71 views

SVG Graphics for Website

I have another no doubt silly question, I was hoping to get help with. Traditionally I come from a more Print media background, but I am currently attempting to build my website through WordPress and ...
0
votes
1answer
297 views

Batch trace SVG paths

I have around 1000 png files that need to have an SVG path traced around them, that can be used in HTML. Is there anyway to do this as a batch, or automate it in any way? Perhaps with auto trace and ...
0
votes
2answers
2k views

Scaling issue saving DXF from Inkscape

I have an SVG file that I'm converting to DXF to feed to a laser cutter via the LaserCut 5.3 software. I have my SVG file all complete, scaled to the full size (1:1). As per the LaserCut page ...
-1
votes
1answer
755 views

Convert SVG to image with multiple fonts

I have an SVG with a custom font defined in the defs section. When I load it up in Safari everything's fine. Unfortunately, when I try to convert it, with Python and ImageMagick for example, to a png ...
1
vote
1answer
297 views

SVG: Nesting Boxes

I am pretty fuzzy on many of the fine points on SVG, but as far as I can see, shapes such as the rect element cannot be directly nested, and neither can text. Suppose I want to create a diagram like ...
0
votes
3answers
1k views

Sketch: Text on Path not preserved when exported to SVG

I am creating a vectorized version of my school's logo because we currently only have a low-res bitmap version. The logo includes text on a circular path, so I used the Text on Path feature in Sketch ...
1
vote
0answers
337 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 ...
1
vote
0answers
72 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, ...
0
votes
0answers
41 views

Why does this fill pattern go outside object?

I was playing around with illustrator and doing random stuff to make my logo and i managed to make something acceptable. I tried to make it animate and the animation works like this: Select the blue-...
0
votes
1answer
562 views

How to resize icons from the noun project without losing quality

Just joined the noun project and they have some great icons! The only problem is that anytime I try to resize the icons to make them smaller (eg 64x64) they seem to get a bit fuzzy. Doesn't matter if ...
3
votes
1answer
717 views

Drag and drop from finder into illustrator without it creating a new document

I'm dropping svg files (about 15 icons) from finder, into my open doc in illustrator, but instead of placing them onto that artboard, illustrator opens up a new document for each one. How can I get ...
2
votes
3answers
175 views

Lower the amount of graphical objects, lowering the processing time - Inkscape?

I am drawing a landscape in Inkscape and so far i have drawn, mountains, a river and several trees. The trees are groups of many subobjects, like branches and leaves. Since I copied the tree several ...
0
votes
2answers
235 views

Recursively batch-resave Illustrator svg files with specific options

I neew to apply fit to artwork bounds and resave all files and keep file stucture. All my files are svg. and i want to save them with this settings: The most close solution i found is: Recursively ...
1
vote
1answer
2k views

How to create an SVG path reveal animation in Illustrator

Handwriting: SVG animation CodePen Ex: 1 Handwriting: SVG animation CodePen Ex: 2 I'm trying to learn how the above "handwriting" effect was achieved using SVG paths and CSS. I've been looking at ...
-1
votes
1answer
296 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 ...
0
votes
1answer
541 views

Exporting to svg leaving ghost path lines

I'm exporting out my filled paths(made using the arc tool) to svg using illustrator cs6. I get these shows lines where the path lines are; they appear even if I outline stroke the paths. In my export ...
0
votes
3answers
341 views

How can I change letters in a SVG from transparent to white?

I'm trying to create a composition to use as a featured image for my upcoming blog post comparing the three major Infrastructore as a Service (IaaS) cloud providers: Amazon Web Services (AWS), Google ...
1
vote
1answer
573 views

Inkscape replace original change all clones

My goal is to create a template where I have one original image, multiple clones throughout the layers, and somehow replace the original image so I get a new document with resulting clones in the same ...
2
votes
1answer
567 views

SVG Logo Blurry on Web Page

I created an svg logo for a website ( http://prionts.com.au/ ). Unfortunately the logo looks blurry on the screen. This is particularly obvious with the shutter 'O' and the 'Photography by Rio Jones' ...
1
vote
1answer
5k views

Illustrator: how to crop artwork and save as SVG?

I just need to crop half size of image like this. But I have no experience with svg format. I tried adjusting canvas size manual but no luck. Should I select this area and paste in to new file like ...
0
votes
1answer
221 views

Make this square a circle

This I have extracted from this answer. Following is the SVG markup that has been posted there. What I wanna know is, how do I make this square a circle? Basically once done, it should be a ...
0
votes
1answer
142 views

Rendering maps in Illustrator

Is it possible to see a map in adobe illustrator with zoom rendering? What I want to do is use google maps or OSM or any other map as a reference background for a map I am trying to create in ...
1
vote
2answers
6k views

Convert SVG to AI?

I have an SVG file that I would like to convert to an AI file. Can I just open the SVG in Adobe Illustrator and then save it as an AI file?
1
vote
1answer
263 views

How to draw line with specific pattern in Inkscape?

I do this... I would like to do this, using a square pattern instead of a dashed line: How can I do it on Inkscape? Result:
4
votes
2answers
2k views

SketchApp distorts an svg

I have an SVG (originally made in Adobe Illustrator - AI and exported) which renders properly in browser and photoshop. But when I load it in sketch (where I really need it for an ios app mockup), it ...
1
vote
4answers
538 views

How to rotate all items as a group? (In a script, Illustrator)

I have an SVG with a few curved paths. I'd like to create n versions of this, by rotating them around as a group (360 / n degrees apart), around the center of the square-shaped canvas they're in, like ...
0
votes
1answer
372 views

Photoshop - Overlapping two .svg files into one

I have two .svg files that I overlapped on top of each other into a new group in photoshop. I want to be able to export this into a new singular .svg file but when I export it as SVG in PS, it appears ...
1
vote
3answers
605 views

Illustrator: Removing white borders from boxes after Create Object Map

I'm trying to create an 8bit cave image in Illustrator for a fun little 404 page but am having trouble on export. The file in Illustrator looks like this screenshot: However, when I export the image ...
4
votes
3answers
449 views

Subtract paths, automated (using a script)

I have 100+ SVG files, each containing a few closed paths (with Bezier curves), like this: I'd like to do the following: select the first (bottom) path duplicate it move the duplicate by an (x, y) ...
0
votes
1answer
1k views

Illustrator makes bad quality outlines when exporting to SVG

I've recently noticed a problem when using the export to SVG feature of Adobe Illustrator. (CC 2015.3) I import into my document some stuff (For example from a PDF), but when I export them into SVG ...
1
vote
1answer
5k views

Edit text in svg file

I am new to Inkscape, I want to edit the text in .svg file. Please let me know what are the steps to edit an already saved svg file..
0
votes
1answer
3k views

Joining together multiple SVG images

I have four SVG images, and I want to join them together into a single larger image with four quadrants. Is there a way to wrap them inside parent containers such that I won't have to edit the ...
0
votes
0answers
339 views

Exported Illustrator SVG looks different in browser

This is how it looks in illustrator This is how it appears in browser These are my export settings Anyone know what I am doing wrong? Why is shadow and gradients different?
1
vote
1answer
241 views

Why won't a certain object combine into another in Inkscape?

I am making an icon pack using Inkscape that is focused around brand and social icons. I am planning on adding the FreeBSD logo to the pack, so I have been recreating the logo: However, when I try to ...
2
votes
1answer
1k views

Exporting SVG as PNG without antialiasing

I have a similar issue to this one. I have this SVG in Inkscape: It's 22 x 22, and I've made sure to follow the advice in the linked answer and use a grid to align the contents. When exporting to ...
0
votes
0answers
705 views

Edit SVG in Illustrator but keep attributes

I am editing an existing SVG file that has some attributes that are required because the SVG file will be used on the web. Example: <svg baseProfile="basic" version="1.1" viewBox="0 0 896.63 789....
0
votes
1answer
367 views

Saving from ai to svg - missing items

When saving an .AI file to SVG I am losing some elements. I have tried Save As and Export with the same result: I have grouped it all and ungrouped it all, they are all on the Artboard - there is ...
3
votes
1answer
2k views

SVG or SVGZ, what should I use? [duplicate]

I tried compressed plain SVG (.svgz), the files are smaller and it looks the same than the regular .svg. Is there any downside? Can I use always .svgz?
0
votes
2answers
600 views

Split an SVG based on intersecting lines

This is currently 3 circles and 2 lines however I would like to split it into lots of small paths on wherever lines intersect as shown in the second image. How can I do this either with Inkscape or ...
0
votes
4answers
780 views

How to make crips and smooth icons from downloaded png?

That is probably repeated question but I want to make all png icons look crisp and smooth in android application. How can I do this in Photoshop? I have 50*50 px png images that I want to make them ...
1
vote
2answers
666 views

Inkscape: Convert “filled” lines of imported .svg to no-dimension strokes

I've exported a 2D drawing from Sketchup which consist of not filled shapes made with lines. I want to keep the exact dimensions and manipulate it in Inkscape, so I imported it using Vector Magic. The ...
2
votes
0answers
428 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’...
3
votes
1answer
478 views

How can I define one path for multiple shapes from either side of it in Illustrator?

New to Illustrator, I have trouble solving this. I have an image (whose paths you can see below in the image marked in different colors), and I want to create paths for the shapes inside the existing ...
0
votes
1answer
111 views

Break apart makes intersecting nodes not so smooth and creates an additional stroke

I want to break apart my latter , which has no fill , but just a stroke. So basically i just have the below letter with a stroke: So basically what i did to get to here is , i typed the letter, then ...
5
votes
2answers
7k 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
5k views

Combining several paths into one in Illustrator

I have drawn this pattern, combining various elements together. It is a pattern that will be a papercut design. As you can see some elements overlap. Before turning into an SVG file I want the whole ...
0
votes
1answer
303 views

How to prevent Illustrator from converting text to path when saving project as SVG?

When saving an Illustrator file which contains some text as SVG, the text is converted to outlines. How can this be avoided? It is possible in Inkscape.
1
vote
2answers
1k views

How to import CSS in Illustrator?

I'd like to import a gradient in CSS (from this site http://gradientcreator.com) I tried through the "CSS Properties" panel but I can not edit. I edited SVG in notepad by putting CSS, but when I open ...