All Questions
Tagged with svg javascript
16,885
questions
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 ...
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 ...
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 ...
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,...
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 ...
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
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 ...
-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
0
answers
30
views
How to customize animation of svg in react? [closed]
I am pretty curious how brilliant creates a page like this:
The animation of svg is compeletely interactive to the programming block in the toolbox.
I want to make a page similar to this in react. Is ...
-1
votes
1
answer
41
views
Converting SVG's to be rendered with ctx commands in JS
Lets say I have an svg,
<svg viewBox="188.1601 295.929 33.6399 36" width="33.6399" height="36" xmlns="http://www.w3.org/2000/svg">
<path fill="#...
-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">
...
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 ...