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,218
questions
-1
votes
0
answers
53
views
How to change CSS color of data:image/svg+xml element?
I have the following CSS rule:
.btn-info, .btn-primary, .btn-success, .uk-button-primary {
background-color: transparent;
color: #fff;
border: 10px solid #f6a000;
border-image-...
- 21.1k
-1
votes
2
answers
82
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">
...
- 67
0
votes
0
answers
37
views
When using stylus, pointermove event does not update target upon entering child [duplicate]
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
53
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
0
votes
1
answer
40
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 ...
3
votes
1
answer
108
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
33
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
40
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,144
0
votes
0
answers
27
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
39
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,419
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
62
views
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
]
}
...
- 429
0
votes
1
answer
27
views
I'm trying to style my icons that are dynamicaly imported from another file.js on my react app im using react-icons
my icons are imported and stored on a separate file.js i imported the file.js on my .jsx file & i can see the svgs being rendered on my website i also can change the size but the color remains ...
- 1
0
votes
0
answers
31
views
Multi line and axes chart using d3.js in powerbi
I'm trying to create a multi line chart with dual y axes , I've tried running the code in powerbi d3.js visual , but is not yielding any visual. I'm not understanding where I've made the mistake
I ...
- 19
