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,145
questions
0
votes
0
answers
23
views
How to apply clip-path to svg element not the child
Originally I have this SVG
<svg viewBox="0 0 288 288">
<circle style="fill: black;" cx="144" cy="144" r="144"></circle>
</svg>
I want to show a checkered alpha ...
0
votes
0
answers
50
views
How do I replicate the exact animation done on flecto.io hero section
I came across https://flecto.io(use a vpn if the site doesn't open) and the site caught my attention. I want to replicate the animation in the hero section. To be more precise, that is the part where ...
- 302
1
vote
0
answers
21
views
render SVG vector image files in DirectX 11
I need to render SVG vector image files (static images and animation) on DirectX 11. Is there a way to do this, or I have to convert SVG to a DirectX 11 compatible format file?
NOTE: I don't have a ...
- 71
0
votes
1
answer
48
views
Positioning an input button and overriding SVG
If you make the beginning coordinates and ending coordinates of the Bezier curve equidistant, then you can duplicate Bezier curves.
If you click the button, a second Bezier curve will appear under the ...
0
votes
2
answers
26
views
SVG Icons don't show after compiling / bundling with Webpack
This is my first time building a web-application, and I'm in my final steps. I'm trying to bundle the whole project with webpack, and everything seems to work, except for my SVG-Icons.
I think the ...
1
vote
1
answer
11
views
Issues with Event Handlers D3.js Update Function
I’m experiencing an issue where the mouseover event isn’t working after integrating the update function into my D3.js code. It seems the event listeners are not being recognized or triggered as ...
- 11
0
votes
1
answer
51
views
Using a CSV to set "fill" for SVG circles
I have SVG code that I would like to modify (with JavaScript?). I could use some help figuring out how to change the circles, as shown in the picture below, in accordance with values from a ...
- 39
0
votes
0
answers
9
views
Dicebear avatar converter in React Native isn't converting svg to png
I am using dicebear in my React Native project and have already generated an avatar that displays as an svg (using react-native-svg). However, I would like to generate that avatar as a png and for ...
- 11
0
votes
0
answers
15
views
How Can I Achieve SVG Design with Canvas Performance in a React Application?
I'm developing a React application that needs to render a large number of elements. I've implemented the rendering using both and .
Canvas: Provides excellent performance and smooth rendering.
SVG: ...
0
votes
2
answers
34
views
XSL File create SVG Chart with xml data
iam currently trying to convert an xml report to html via an xsl file (works good so far!) and afterwards convert the html to a pdf via xslt-fo.
I'd like to create an svg pie chart with some data from ...
- 1
-1
votes
0
answers
18
views
Export to SVG in Objective C? [closed]
I have an application where I can render certain shapes with overlays on a view and I can export those creations to PDF and EPS.
I've been requested to export to SVG.
Is there any library which can ...
-3
votes
0
answers
30
views
Create square SVG that fills out remaing vertical or horizontal space [closed]
I have a square SVG image. I would like to fit it into the page such that it fills out either remaining horizontal or vertical space (whichever is smaller). I can't seem to make it happen with flexbox ...
- 2,270
0
votes
2
answers
47
views
How to use calculated width for SVG rect?
I was trying to develop a svg skeleton image for showing it while data is loading, here is code which I was using for editing svg.
// converting svg tag to data url and setting it as background ...
- 326
0
votes
1
answer
50
views
HTML SVG Reduce Path Circle Size
I have a svg grey circle and a red path that follows the circle/overlays.
Does anyone know how to shrink the red circle so that it 100% covers the grey circle?
I cannot for the life of me work out how ...
- 1
0
votes
1
answer
69
views
SVG Component Rendering Inconsistently Across Browsers
I'm working on an SVG gauge component that works perfectly in Chrome but has rendering issues in Safari and Firefox. The gauge displays progress using a gradient fill and a rotating pointer. In Chrome,...
