Questions tagged [svg]
Scalable Vector Graphics (SVG) is an XML-based two-dimensional vector graphics format that can also be used in HTML. Do not add this tag just because your project uses SVG. Instead, add the tag if your question is either about SVG or closely related, like how to achieve something with SVG.
44,122
questions
0
votes
2
answers
68
views
how to modify the slope in svg shape
I have created one svg shape. I want the slope to start from middle. I tried,but I don't know how to make it. Can anyone please help me.
<svg xmlns="http://www.w3.org/2000/svg" fill="none">
...
- 69
0
votes
0
answers
33
views
When using stylus, pointermove event does not update target upon entering child
In the snippet below, the circle disappears if either (1) I click inside the circle and move the mouse or (2) I click outside the circle and move the cursor into the circle while holding down the ...
- 153
2
votes
2
answers
44
views
SVG animation in Blazor is inconsistent
I am trying to include some SVG animation in a Blazor page and it seems that it does different things each time I run it.
I would like to know if there is something I am missing to make this work ...
- 23
-2
votes
0
answers
20
views
SVG Waves Not Adapting to Parent Container Size in HTML, SASS, and JS [closed]
I'm facing a problem while creating an interface using HTML, SCSS, and JS. I am a beginner in frontend development, and I designed an interface on Figma, drawing everything by hand. However, the SVG ...
- 1
0
votes
0
answers
26
views
Batik creating blank svg on mac
I created a program to create a calendar as an svg image and it works just fine when I run it on windows, however when run on a mac it just creates an empty svg file. Can someone please help me figure ...
0
votes
0
answers
24
views
Is there an image editing software for PC that allows infinitely zooming in/out? [closed]
I'm trying to make something called an "Infinite Zoom Art", and I've already made 34 images (.svg files) using Inkscape. However, I need an app that has an infinite canvas, but at the same ...
- 1
3
votes
1
answer
64
views
Setting fillStyle works inconsistently for bodies in Matter.JS
I'm working with Matter.JS for an interactive header graphic on a website. I have some basic letter paths in SVG, which get loaded, converted to shapes and bodies and placed in the world. They get ...
- 2,378
0
votes
0
answers
32
views
I can't remove the gaps between the edges of the cube in a sprite made from an SVG image
Most learned friends
I have an SVG cube icon. I made a sprite out of it, but there are gaps between the edges of the cube that take on the background color of the div in which the cube is located. How ...
0
votes
0
answers
34
views
Calculate position (transform) on SVG object in code?
I have started a small project to make sheets of (complex) labels in code by effectively merging first a pre-generated QR code (svg format) onto a single label, then this label onto a master sheet.
...
- 1,134
0
votes
0
answers
23
views
react-svg library and styles are not applied
I have used the "react-svg" library to display SVG icons because I wanted to enter the address of the icon directly, but the problem is that I cannot implement my styles on the icon, like I ...
- 139
0
votes
2
answers
29
views
Apply tailwind css class in linear-gradient stop-color
I need to use tailwind semantic css classes of tailwind.config file in SVG image inside lineargradient stop-color properties.
My react app has designer css file where hex color codes are used as var ...
- 358
-1
votes
0
answers
17
views
Can you use :host() or similar in <img /> for styling an svg? [duplicate]
I am trying to style an SVG within an img tag. I am not templating the svg into the HTML to allow for reusing the cached image between pages and avoid sending unnecessary bytes.
When templating the ...
- 7,407
0
votes
2
answers
50
views
How do I properly reference a <symbol> that has <clipPath>s in a <use> element?
I have a hidden SVG in my HTML that contains all of the site's icons. It looks something like this (I'm including only the "half gold star" icon for the purposes of this question):
<svg ...
- 375
-1
votes
1
answer
32
views
How to add a Blur Filter to SVG Element in CSS [closed]
I'm trying to add a blur effect to an SVG element. I attempted using within the SVG but changing the values of stdDeviation doesn't seem to produce any changes. How can I properly apply a blur filter ...
0
votes
0
answers
28
views
+50
Showing a SVG contains links, created by GraphViz, on HTML
An SVG is create from the following test.dot file:
digraph {
google[label="google"
URL="https://google.com"
target="_blank" fontcolor=blue
]
}
...
- 421
