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.
1,093
questions
0
votes
3
answers
65
views
Find corresponding points along a path
I'm working on a simple SVG animation: a rectangle with rounded corners. The SVG contains two paths, one with a smooth line and one with a zigzag line. The animation is a simple transition between the ...
- 101
-1
votes
0
answers
38
views
Svg solid to cut
I have an svg, however I am wanting to duplicate the image and turn in solid so the image lines are black to engrave and I am then also able to cut the outer solid line.
- 1
0
votes
0
answers
42
views
Software to flip vector graphic without the use of CSS or SVG code
Say I have a simple SVG file, as an example, this:
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 100 100" fill="none&...
0
votes
1
answer
51
views
Getting some filled partial overlay inside svg icon when expected to be transparent
I am getting a partially filled section when exporting svg icon from figma to react-native app.
In figma
In the app
As you can see the pictures icon displays as expected.
But the camera icon has ...
0
votes
1
answer
37
views
How can I automatically export parts of Inkscape SVG layers, defined by rectangles on a layer, into separate images named by rectangle+layer?
I have one SVG created in Inkscape. It has a layer* containing rectangles which define clipping boundaries. It has multiple other layers containing the elements that I want to end up rendered into ...
- 229
0
votes
1
answer
51
views
Noto Emoji Monochrome Font (Google): Extract emojis as individual .svg files?
I need to access a few emojis as SVG from the Noto Emoji Monochrome font. It's trivial to do so for the colored version at: https://github.com/googlefonts/noto-emoji/tree/main/svg . But no such place ...
- 121
0
votes
1
answer
47
views
Can I automatically convert an outer stroke into an "inner" stroke in SVGs?
I know the title is sort of confusing but I really don't know how to describe it better. I will first visualize what I want to achieve, because it becomes really clear then.
The following image is a ...
-1
votes
1
answer
62
views
Help with interpreting an SVG file
I have an SVG file that was opened in an app called EazyDraw. When I 'Select All' I can right-click and choose 'Convert to Bezier.' I need to know how to interpret the results of the conversion. Can ...
0
votes
1
answer
49
views
Why do axis lines disappear when opened outside of Inkscape?
I made an svg graph using R (ggplot2) and it displays fine in Firefox.
I then edited it in Inkscape to improve the legend. In order to do this, I had to ungroup a group that contained both the legend ...
- 71
0
votes
0
answers
27
views
SVG animate accordion two letter word into longer word?
Using a plain-text editor, preferably, or Inkscape, are there any good tutorials on taking two letters and inserting more letters between them, and animating it so that the two letters expand outward ...
- 101
0
votes
1
answer
66
views
Inkscape: Export individual objects as separate PNGs but retains the whole Page's size on each Image
Say for example I have an svg image of a face. The eyes, nose, mouth, ears and empty face are different objects. I want to export each objects as their individual PNG image but, each image should ...
- 3
0
votes
1
answer
63
views
Use SVG `transform` doesn't work in `<style>` on Inkscape
I want to use some CSS like this, but it doesn't seem to work in Inkscape. If I put it in the <style> tag, there's no effect, but it works when directly attached to the element.
.tag {
...
- 117
0
votes
3
answers
309
views
How to invert image colors from black to white
Inkscape installed on Debian. How to invert SVG image colors from black to white?
Tried to select all the paths (Select all) and use extensions > color > negative - but this method don't work.
- 113
0
votes
1
answer
61
views
Problem opening a SVG in Estlcam
I am having a problem opening in Estlcam an SVG file created by Inkscape. Most SVG files are fine, just a few fail. I've opened the files up in a text editor to try to find out what is different. The ...
0
votes
1
answer
53
views
Exporting a shape and a circle
How can I take an arbitrary shape in Illustrator and move all the points outward until they fit a circle. I was looking at blend shapes, but what I really need to export a version of the shape that ...
- 137
0
votes
1
answer
52
views
Modify PDF of SVGs fill via command line automation
I have PDFs made of of SVGs, one per page. Old PDFs were created with SVGs with a fill color of #000000, but we have and want newer PDFs with a fill color of #b5b5b5.
Until now, I'll go in by hand ...
0
votes
0
answers
41
views
How one can make an svg graphic with LaTeX text so that the text remains selectable?
I read a paper on robotics, it had some nice pictures with the schematic representation of an articulated robot. The special thing about it was that the forces and some other things are selectable on ...
- 101
0
votes
2
answers
110
views
Inkscape: Symmetric angles for two bezier handles
Can I align the angles of the bezier handles of two different points, such that their angle to a given line is the same? Consider the following picture:
I want to make a perfectly symmetrical line, ...
- 103
1
vote
1
answer
132
views
Adobe Illustrator - Export list of positions and dimensions of vector objects with absolute positions
In previous CorelDraw user life, I had part of a 'workflow' where I needed to gather information on the height, width, and position of objects from a scaled diagram (think e.g., a technical drawing ...
- 13
1
vote
1
answer
55
views
Inkscape font size: what is its meaning / how is it related to text height?
I had always known that font size is related to height of the text: What is Font Size?
A font is often measured in pt (points). Points dictate the height of the lettering.
(In my mind, I always it ...
- 275
0
votes
0
answers
40
views
Inkscape stroke width and SVG position?
In my svg, I've made sure I have no transform on any nodes on the way to my rect:
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"&...
- 275
0
votes
2
answers
193
views
Inkscape reduce file size with thousands of (hidden) objects
I have a chart in a PDF file that I aim to convert to an SVG file via, e.g., Inkscape. My issue is that the figure itself contains thousands of objects (i.e., individual points), which leads to a huge ...
- 153
16
votes
1
answer
2k
views
Font in inkscape is revolting instead of smooth
I used Inkscape to add the text Prostanthera ovalifolia to a PDF generated by R and it came out jagged with bits missing:
The SVG file can be found online here.
Inkscape was re-installed a few days ...
- 161
2
votes
1
answer
101
views
Inkscape: subtract and export SVG for printed circuit board
Background
I've designed a circuit board using Kicad and would like to put a texture onto all unused copper areas, simply for aesthetics.
So, instead of flooding the unused areas with a solid "...
- 123
1
vote
1
answer
74
views
Creating complex animation for web
This question is a rebirth of How do you animate SVG for the web? with little additions to modern realities.
My question is this - how to create complex animation for the web? By complex animation, I ...
- 113
2
votes
0
answers
45
views
Combine large numbers of shapes while maintaining lines?
How do you convert a complex design of shapes into a single path?
I have this design made from individual overlapping paths:
that I want to etch using a CNC machine. The machine can read an SVG file, ...
- 121
1
vote
2
answers
65
views
How do I "pin" a filter in the Inkscape interface?
I would like to add the drop shadow filter to my toolbar for quick access.
- 23
2
votes
1
answer
114
views
Voronoi Diagram (Delunay Triangulation) in inkscape not working properly
I'm working on a low poly face in Inkscape 1.2.2.
But when I use the Voronoi diagram (Delaunay triangulation) I got this ugly result :
There are no duplicate dots.
How can I make this cleaner ?
1
vote
0
answers
38
views
Which is the best viewBox canvas aspect-ratio for an icon set
I've noticed that different SVG icon sets use different aspect ratios for the canvas (the viewBox on SVG).
Font Awesome seems to use: 7:8. (source)
Entypo use 5:4. (source)
Typicons and Bootstrap use ...
- 111
2
votes
1
answer
109
views
Connecting horizontal curve for a font like in Times New Roman font character "O"
I am learning to create fonts in Kannada language. I made a image in "fontstruct" and exported to further modify in inkscape, as fontstruct does not support Kannada language.
I need to ...
- 165
0
votes
1
answer
111
views
Illustrator Gradient Changes on Export!
I have an image that's an application icon for a webapp. It's a pretty simple layout. The background is a rounded rectangle with a light grey to grey gradient.
When I export this image as an .svg, ...
- 103
0
votes
1
answer
38
views
Illustrator: after opening an svg, how do I make all used colors into swatches?
I opened an svg in illustrator. My swatches panel was empty. I want it to have all the colors used in the svg. How do I do that?
- 227
0
votes
1
answer
185
views
Inkscape can't change the stroke width
I'm an inkscape newbie. On my desktop I have Inkscape. I draw a line and then can go to the strokewidth property and change the width.
However, I have the same program (same version) installed on my ...
- 103
2
votes
2
answers
98
views
Save PowerPoint (fullscreen) presentation view as document or vector image?
I have not found a way to save the presentation view at a time X during a presentation as a document of some kind, ideally as a vector graphic (i.e. as PPTX, PDF, SVG or similar).
Is this true, or is ...
- 163
0
votes
1
answer
35
views
Why is my SVG File for WP website not sizing it pixilates when viewed larger
I have created a header logo SVG in illustrator, using the code to insert it, and if zoomed in, it gets soft and pixeled.
1st Logo) The Top one is a SVG Code from Adobe Illustrator Inserted in HTML (...
1
vote
2
answers
280
views
Why is it recommended to use an even numbered grid in pixel-snapped icons?
It seems to me that if your stroke width is odd (e.g. 1), wouldn't it make more sense to have an odd number of pixels so you could perfectly center lines and be aligned to pixels?
However, I've never ...
- 155
3
votes
2
answers
145
views
Does pixel snapping make a difference?
It is common to see the recommendation to have icons be pixel-snapped to avoid blurriness. However, I've done a test with more or less the same image, one pixel-snapped and one unaligned with the ...
- 155
2
votes
1
answer
64
views
How do I "inset" one image into another image in Inkscape?
I'm trying to create a custom happy birthday logo for laser engraving that incorporates the happy birthday vector image and the cancer ribbon vector image that I have created (attached). I am trying ...
- 23
0
votes
1
answer
59
views
What software should I use to animate a simple 2d hexagon logo?
I'm starting out in graphic design and am looking to animate this interlinked hexagon:
Basically I want the blue/black vectors to extend 1 by 1 to create this logo. Is there any software/feature that ...
0
votes
0
answers
17
views
Inkscape does not support SVG <use> directive [duplicate]
I was trying to import an SVG file that I made using the SVG <use> directive:
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use
<svg viewBox="0 0 30 10" xmlns="http:/...
- 143
0
votes
2
answers
80
views
Is This SVG Code Correct?
Related to my other question, I need to convert my SVG to a 16-bit TIFF, which seems to be more complicated than expected. So I wanted to check Photoshop and Gimp, but they both (along with Figma) ...
- 291
0
votes
2
answers
177
views
How To Convert SVG To TIFF For Fine Printing
I created an SVG file which I want to print at a shop which uses the Epson SureColor SC-P9500 with 12 color channels. They told me to bring a 16-bit Adobe RGB TIFF file (ideally I'd like to print ...
- 291
0
votes
1
answer
209
views
svg : what does "use xlink:href" mean in Inkscape?
Is the blue circle a "node" - or what - in this screenshot, and what can be done with it?
Are the only edits (via GUI) going to be by clicking the individual circle? Will "stroke" ...
0
votes
0
answers
74
views
How do I have path (like a contour drawing) follow outline in Illustrator?
I made a complicated contour line drawing with a Bic pen that I used image trace on, and I am hoping to vectorize it to engrave with a CNC. The paths look good, however they are outlines not pen tool-...
- 3
2
votes
1
answer
123
views
Illustrator SVG export tossing around path locations / rotations
I'm trying to export a pretty simple icon I made in illustrator to svg for use on a webpage, but when I export it, two of the thick curved lines in my graphic are tossed off to the side and rotated ...
- 31
2
votes
2
answers
536
views
Inkscape : dots/points on a curve/line --> x,y coordinates of points in svg file?
Does Inkscape have a way to put points on a curve or line so the coordinates of the points will be written to the svg file? I seem so close to doing this, but perhaps I need a different program.
The ...
1
vote
0
answers
71
views
How to make my animated SVG CLI-like typewriter effect work as intended? (SMIL)
I am just starting to learn to do SVG Animations, and I'm trying to make a command-line style 'typewriter' effect, typing out several different lines of text, one after the other.
I would like the ...
- 11
0
votes
1
answer
175
views
How to export selected items from Inkscape 1.2 a user-supplied background into PNG file automatically?
If I set a Desk background as indicated in the Where is the white inkscape background? answer, I see it in Inkscape. But, when I select all objects, and then export it like this:
I still end up with ...
- 153
1
vote
2
answers
126
views
How to create a star-trail effect in Inkscape?
What method can be followed to accomplish a star trail effect in Inkscape?
This is what one sees when looking at night-time photographs with long exposure times, if you point the camera towards ...
- 113
2
votes
1
answer
184
views
Editing fonts in emf file within PowerPoint
I have a bunch of emf files that were converted from svg files with Inkscape commandline. The SVG files were autogenerated and have text objects. Within an SVG file, the text is nicely editable. For ...
- 123