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
0answers
11 views

How to set 300 dpi resolution in embedded image in svg vector image

I have SVG vector image with embedded raster image i need to set resolution for embedded raster image as 300 dpi resolution using command line.
2
votes
1answer
38 views

In Inkscape, how do I add a white background in command line mode?

in short, I tried for f in `ls *.pdf`; do inkscape -z --export-background=ffffff --export-background-opacity=1.0 --export-plain-svg=${f}.svg $f; done It throws no errors, produces SVG files, but ...
0
votes
1answer
30 views

Icomoon - Strokes get ignored when generating fonts. You can convert them to fills to prevent this

I saved an Adobe illustrator file as an SVG file so I can upload it to Icomoon and generate a new font. However, when I upload the SVG file to Icomoon, I get the following warning: Strokes get ...
3
votes
3answers
114 views

Illustrator - SVG make thinner path

I have this SVG logo. I want to make the lines thinner. I have tried Offset Path -20px, but nothing changes. I have also tried adding a Outline stroke that I can use and shrink, but when I go ...
0
votes
0answers
14 views

Overlaying one .svg image onto another without loss of transparency

graphic design noob here: I have two plots that I have saved in the .svg format. One is a smaller plot, that I want to overlay on the larger plot. The border background of the smaller plot was set ...
1
vote
2answers
22 views

SVG use x, y attributes or translate

Why there is a translation possibility for use when i can move shapes around with x y attributes and vice versa? Is it just redundant or are there special situations where one is preferred over the ...
0
votes
1answer
23 views

Understanding SVG Path element

I am reading and learning about SVG paths here: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths I don't get the point with the path in the following code: <svg width="200" height="...
0
votes
0answers
32 views

Convert SVG fonts to SVG shapes/images

I am dealing with an SVG font. Can I extract font glyphs from these font definitions as normal SVG images and/or shapes, and use those shapes in my application? The specific SVG font I am using is ...
0
votes
2answers
49 views

Design a map for a 3d game similar to Discord's style in SVG with Affinity Designer

I'm just a backend developer who has no talent with design, and I'm currently developing a game for iOS, Android, PC, macOS, PS4, Nintendo Switch and Xbox One. I just want to design something like ...
1
vote
2answers
33 views

Illustrator: pixels lost after fitting to artwork bounds and saving for web

I am editing an svg file: I am using Object -> Artboards -> Fit to Artwork Bounds which seem to work well: But when I save for web as a small dimension (73x64) png I get this result: As you ...
0
votes
0answers
14 views

Illustrator and batch coversion of SVG from CSS styles usage to presentation attributes

I have 60 SVG files, all with <style> tags. I can load one by one, manually into illustrator - the Export for screens, and choose the right SVG options to enable presentation attributes. That ...
0
votes
1answer
23 views

How to export SVG code to .svg file

I'm working a lot with Scalable Vector Graphics (SVG) code and need some help. How do I export SVG code to a file? Do I have to use a program outside of my text editor to do this?
1
vote
2answers
44 views

Slicing a square into four equal rectangles in inkscape?

I tried creating a square, turning it into a path (Path > Object to Path) and then placing four rectangles over it that are also paths and doing path > division. But the square does not divide into ...
0
votes
2answers
49 views

Missing objects when saving .svg as .pdf with Inkscape

I am using Inkscape. I have the following .svg file (here): When I choose Save as copy and .pdf, I get the following (also in previous link): I tried grouping, ungrouping and moving layers, the ...
0
votes
0answers
8 views

Illustrator CS6 modifies viewBox slighty in SVG

I got SVG graphic from friend saved in Illustrator CS6 (16.0.3). Opened it in the same CS6 version on another machine, forced save as, set SVG export format to the same values as origin and files are ...
1
vote
2answers
33 views

How do I make the font size value within my SVG equal the font value size defined within Inkscape?

When I set my font size to 100 within Inkscape, the font size saved within the SVG is not set to 100. In the attached example, the font size within the SVG is set to 133.333px. Why? It seems ...
0
votes
0answers
27 views

3d warp effect to place SVG text convincingly on a cylinder

I'm placing some dynamic text in a web application/ to 'fit' on this cylinder. I'm changing the SVG node to add the custom text - and I'm looking for a way to 'warp' it - so that it feels like it's a ...
1
vote
1answer
39 views

Weird layer export on Illustrator

I'm using Illustrator CC. I select a layer, which is 16x44 pixels: Than I right click, Export, and I save it on SVG. That't the result: <svg xmlns="http://www.w3.org/2000/svg" width="5.64444mm" ...
1
vote
1answer
39 views

How do I export text as paths in Photoshop?

I have a logo that is made simply by mixing two different fonts with custom settings (the image in the center is actually big G in Webdings): I want to export my logo as an svg (paths). Unfortunately ...
1
vote
1answer
51 views

Standalone nodes in inkscape

The question is probably due to my poor understanding of Inkscape and/or SVG. Is there a reason why standalone nodes do not exist? What I mean is an abstract non-renderable point which can still be ...
0
votes
1answer
19 views

How do you animate the height of a path in SMIL? attributeName=“height” doesn't seem to work

I've been trying to animate a simple path (i.e. circle) with <animate attributeName="height" values="100;0" dur="1s" begin="0s"/> ...this works if I slap it onto a shape (e.g. rect), but ...
0
votes
0answers
22 views

Batch graphic/image processing (convert SVG to PNG and change transparent to white) [duplicate]

I've got around 200 SVG graphics that have transparent backgrounds. I'm struggling to find a tool that would allow me to convert these into various sizes of PNG, with also the option to remove any ...
7
votes
3answers
412 views

How to convert object fill in to fine lines?

I am trying to find a way to convert a solid object fill in to millions (more or less) lines? for example: I am okay to use any tools but ideally I want output in SVG format (not necessary tho) ...
-1
votes
1answer
35 views

Inverting a complex shape in an SVG file

I have an SVG file that I would like changed. Rather than showing all the background I need it to show the letters and the boat. Would that be called inverting? And how would I do that?
1
vote
0answers
107 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, ...
1
vote
1answer
39 views

How to remove all circles in Inkscape?

How do I remove all the grey circles at once in Inkscape? Please see attached image. I can manually select one Object at a time and delete. I am very confused with using the eraser tool
2
votes
1answer
34 views

How can I export this .ai file to SVG while maintaining full shape

I have the following hand drawn .ai file that I would like to convert to SVG for 3d printing with tinkercad. when I save as SVG however there is some clipping done to the paths and it turns out like: ...
1
vote
1answer
31 views

svg - change color to red

I have a svg file as below: <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M 3.40625 2 L 2 3.40625 L 20.59375 22 L 22 20.59375 L 18.25 ...
0
votes
0answers
28 views

Using LaTeX and TikZ with Illustrator

When using Adobe Illustrator I wish I could just program things sometimes, like I do with TikZ & LaTeX. Are there any plugins or extensions or general workflows that can help unite these two ...
1
vote
0answers
84 views

Confusion about stroke and fill for SVG path animations?

I'm trying to replicate this SVG animation: Codepen-original but with my SVG logo. Here is the same codepen with my SVG logo: Codepen-with-my-SVG. I'm new to dealing SVG's and started learning and ...
0
votes
1answer
59 views

Inkscape editing repeating pattern

I’m trying to edit a repeating pattern in Inkscape. I covert the pattern to objects and make my changes (adding some additional company’s), select them all and create pattern from objects. The ...
0
votes
1answer
27 views

Scribus: coloring SVG

Is there a way to use SVG graphics in Scribus and set a colors for it? I need to use a self named spot color in terms of printing business cards with partial refinement. But color properties for SVG ...
0
votes
1answer
76 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
1answer
54 views

Cannot get circle to cut around image!

Trying to make a logo similar to this in Inkscape but cannot get the parts of the circle to cut out around the image. I've tried everything. Difference, intersection, Object-Set-Cut. Nothing works. ...
0
votes
0answers
44 views

SVG - inserting a design into web site

We have a website which is an online print shop, online design studio. We are having problems with SVG. When the SVG file is imported into the site, the texts are broken letter by letter. I would ...
0
votes
1answer
100 views

What is the best way to export animation from Adobe Animate for WEB?

I'm not familiar with Adobe Animate. But I want to ask 2D artist to export animations from Adobe Animate to append to my HTML page. As for me the best way to append animations is SVG animations with ...
1
vote
1answer
134 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
62 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 ...
-2
votes
1answer
187 views

Creating neon vector design aesthetic used in Apple's 2019 WWDC graphics in Illustrator

Apple has some pretty cool designs for their 2019 WWDC: I would like to learn how to create (and create) vector images / icons like this in Illustrator. What is the name for this type of design? Are ...
0
votes
2answers
51 views

How can I export an SVG with letters to one singular path and without any transform properties?

I am trying to export an SVG logo in Illustrator which is just font letters as one path, rather than lots for each letter. The reasoning behind this, I have just found it, is because CSS mix-blend-...
2
votes
2answers
85 views

How can I analyse this SVG image downloaded from the web?

While I was looking at some designs of some websites, I came across a beautiful SVG background: https://www.algolia.com/lp/img/hero/hero-magento.svg I wanted to inspect it so I downloaded it. By no ...
1
vote
0answers
18 views

How to access objects from a SVG image in Tupi

Given a SVG image file imported to a Tupi project, is it possible to edit the objects that this image contains (change their position, color, etc)?
0
votes
0answers
31 views

Scale Icon to fit on web page

How can I convert the following svg to a path that will fit in a 0 0 32 32 viewbox? I have others to convert, so if someone can explain how to do it with inkscape or some other tool, I would ...
1
vote
1answer
285 views

Automatically reduce (remove some) nodes to smooth an SVG [duplicate]

I have an SVG image that consists of thousands of nodes. How can I use Inkscape to automatically reduce the number of nodes while keeping the overall shape? An example image is Fist.svg, with a small ...
1
vote
0answers
57 views

Is there possibility to export from Toon Boom Animation Harmony 16 Pro to json?

I'm a developer and we want to create an animated hero for one-to-one video chat and this here will be like the third participant. We want to get along only with css animation in extreme case start ...
1
vote
0answers
88 views

Set origin and rotation on a path with SVG's animateMotion

I'd like to apply a rotation on a path animated with SVG's animateMotion tag. Here's where I'm stuck at, my aim was to repeat the animated circle on the other three lines. It seems that transform-...
0
votes
0answers
12 views

Preventing SVG's animateMotion tag from resetting

I'd need the SVG-equivalent of CSS' animation-fill-mode:forwards;. Is there something that can help? Thanks!
1
vote
1answer
55 views

Why does color disappear completely from my graphic once I export it as .svg

I`m still a beginner on GravitDesigner but created several vector icons already. One strange thing happened already several times: I create a new icon with different shapes and compound paths with ...
1
vote
0answers
39 views

Exporting multiple shapes from Illustrator as one resizable object

I designed a map marker using Adobe Illustrator and I am trying to export this design so I can use it in Adobe XD. When I export as a .png everything is ok. But when I export as an SVG I have this ...
1
vote
0answers
25 views

low level embedded drawing library [closed]

for visualisation purpose I need low level embedded drawing library (preferably written in C) for real time working , I would be calculating some data and than makeing histograms , for this I have ...