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,146
questions
-2
votes
0
answers
15
views
SVG Spam in chrome with VueJS [closed]
I'm new with template developement, but i do use it for save my time, but now, it's a problem..
When a tring to access at my site in production version, it spamming SVG request in network tab and the ...
0
votes
1
answer
19
views
How can I draw text using SVG.js?
I am trying to figure out how to use SVG.js to draw text. In my attempt below, the text is being created and drawn, but only a few dots show up. This must be part of the text being drawn, but it is ...
0
votes
0
answers
24
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
54
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 ...
1
vote
0
answers
22
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 ...
0
votes
1
answer
50
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 ...
0
votes
1
answer
52
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 ...
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 ...
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
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 ...
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 ...