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
0
votes
1
answer
47
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 ...
- 122k
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 ...
- 122k
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 ...
- 11.6k
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
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
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 ...
- 366
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
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 ...
- 108k
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
1
answer
100
views
PNG to SVG Convertion - Invalid byte 1 of 1-byte UTF-8 sequence
I am trying like this:
public class ImageToSVGConverterTool {
public static void main(String[] args) {
String inputImagePath = "C:\\Users\\path\\facebook.png"; // Replace with ...
- 503
5
votes
1
answer
5k
views
SVG code within HTML versus SVG embedded with <img> tag
Is there a technical (dis)advantage to including SVG-code in a HTML-file versus embedding it with an <img> tag?
I'm not asking about personal preference or opinion, but factual differences on ...
- 44
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 ...
- 14.9k
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
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 ...
- 14.9k
