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
-2
votes
0
answers
54
views
JavaFX node to PDF using SVG? [closed]
Edited to hopefully now meet StackOverflow guidelines.
Possible duplicate of How can I export a JavaFX node to an SVG image?
I am trying to get a rather complicated tree chart JavaFX node onto a PDF ...
- 63
0
votes
1
answer
62
views
Transition on Fill property with linearGradient inside of SVG
I'm trying to achieve some kind of Stepper. It all works well except for the transition on the fill.
let step = 0;
document.querySelector("button").addEventListener('click', () => {
step++;
...
- 196
0
votes
0
answers
19
views
Problem adding SVG elements dynamically and rendering them using React Signals
I am trying to dynamically add SVG elements to my screen using React Signals. I now have a situation in which I do not get any errors anymore, but the dynamically added SVG elements do not render. I ...
- 5
4
votes
0
answers
43
views
SVG Mask Reveal Animation Not Working on iOS 16 and macOS Safari
I've created a reveal animation using an SVG mask to reveal the content of the page. The animation works perfectly on Chrome and other browsers. However, on iPhone iOS 16 and macOS Safari, the SVG is ...
- 41
0
votes
2
answers
48
views
Webpack 5 and SVG parameters
I updated to Webpack 5 and found out that url-loader is deprecated in favor of asset modules. I can load SVG's like so:
{
test: /\.svg(\?.*)?$/,
exclude: [path.resolve(...
- 81
1
vote
2
answers
58
views
How to remove space from svg file in PHP
How to remove the white space in svg file?
This is the my svg file.
<svg xmlns="http://www.w3.org/2000/svg" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;display:...
- 13
-2
votes
0
answers
24
views
How to change the color of the svg icon using tailwindcss only while hovering through it? [duplicate]
I already read the questions about the SVG and this question my question is about how to do this with Tailwindcss only.
The project tools are React and Tailwindcss.
I want to change the color of the ...
- 131
0
votes
2
answers
39
views
How do I Create a Circular Progress bar in Expo React Native with a text in center?
I am new to React Native and trying to create the following screen:
I try to use two approaches:
import React, { useState, useEffect } from 'react';
import { View, StyleSheet, Text } from 'react-...
- 5,684
0
votes
1
answer
37
views
Dynamically changing the attribute of an svg element in a highcharts chart
For a certain application, I have created draggable SVG rectangles in my highcharts chart. I wish to access them and modify their attributes dynamically from an external function where I have the '...
0
votes
2
answers
64
views
CSS local svg icon color [duplicate]
I am trying to setup some custom svg icons like this
<i class="my-svg-icon"></i>
I have the svg displayed but cannot adjust the color
.my-svg-icon {
height: 25px;
width: ...
- 807
0
votes
1
answer
39
views
Using setAttributeNS for changing SVG Path Arc element
I'm trying to store the coordinates of my SVG Path statement inside the eXist database. Here is my XHTML code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
&...
0
votes
2
answers
48
views
Fontawesome svg-icons in openlayers
I know similar questions have been asked before but their answers don't help me.
I'm trying to use Fontawesome-Icons as markers in an Openlayers map like this:
const svg = `
<svg ...
- 3
-1
votes
0
answers
67
views
Using setAttribute with SVG Path Arcs [closed]
I'm currently using XHTMl and SVG. After doing much research on the topic, I have come to the realization that the statement document.getElementById won't work with SVG elements. This is especially ...
-1
votes
1
answer
39
views
Image contained in parent element using tailwind flexbox layout
I have a template layout using flexbox and tailwindcss. I am trying to superimpose svg onto an an image and confine them to the max size of parent container. The image and SVG need to be responsive. ...
- 1
-3
votes
0
answers
42
views
How to make the parent element have the same width and height as the child svg element? [closed]
Hi so I am currently making a project with Vite.js with React + TSX, Tailwind and Daisy UI. I am currently trying to make a model button that overlaps a svg. The issue is that the button's width and ...
- 25
