All Questions
3,387
questions
0
votes
1
answer
44
views
Use jQuery to trigger SVG which has animate tag defined
I have a SVG animation:
html, body {
background: #000;
}
.hb {
width: 40px;
margin: 0 auto;
display: block;
}
<svg class="hb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" ...
0
votes
0
answers
37
views
Smooth Svg Path
Need to achieve smoothness in svg path element.
This is an example path out of my projcet:
let svg = document.querySelector("#mouse-trail");
let lastMousePoints = [];
let ...
1
vote
1
answer
42
views
How can I hover over text and change the hover state of an SVG
Is it possible to hover over the text and have the state color change as if it was also hovered?
#us-map {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%...
0
votes
0
answers
33
views
why my css marquee wont work after an XML request on all my pages
I am trying to minimize a simple website and add elements to the whole site without write the code double.
so there is a marque that will be on all pages :
//marquee.js
function includeMarquee() {
...
1
vote
2
answers
85
views
Find SVG polygon's points and add handles (circles)
I have a number of SVG polygon shapes which need handles (circles) added at every point. I can of course add these circles manually like this:
<?xml version="1.0" encoding="utf-8&...
0
votes
0
answers
41
views
Get SVG Path Point Position Relative to DOM (not parent SVG)
I am trying to do a motion path of an image, that will jump from 1 SVG to another, following all paths.
The image is a normal
What I want is to move the image to a specific point, on any svg I have ...
0
votes
1
answer
56
views
Assign SVG coordinates based on visibility of other element, using jQuery or JavaScript
I have 12 circular divs, made up of 3 vertical lines of 4 circles (A, B, C and D).
Image 01
Only 6 circles will ever be visible at the same time in total, and only 2 circles will ever be visible on ...
0
votes
0
answers
20
views
Drow line when user scroll
I have to animate lines like those shared in the screenshot and I have tried the below code but it's not working for me. I am getting an error in my ID. Would you help me out
window....
0
votes
1
answer
38
views
Access array properties while in a D3 enter() procedure
I am using the following CodePen that displays a tree as a jumping off point for a project: https://codepen.io/augbog/pen/LEXZKK
Inside this pen, it does some wizardry with D3.js to instantiate new ...
0
votes
1
answer
31
views
Adding a circle which follows a mouse and changes colours based on the current colour | Interactive SVG Colouring Page | Using JavaScript
I'm working on an interactive colouring page. The user is presented with an SVG image, and when they select a colour from the swatch, they can click on a section of the image to change its fill colour....
1
vote
1
answer
48
views
How to modify external SVG loded as object in jQuery?
I have a working example of modifying elements of external SVG image using D3.js, but can't achieve similar functionality in jQuery.
Got this SVG:
<svg stroke="#000" fill="none" ...
0
votes
3
answers
173
views
SVG as heading and description of the text content
I'm new here and have a little (thinking) problem with a project I'm currently planning:
My Projekt
In the picture on the left a), you can see the page at 100% screen width.
On the far left, the ...
1
vote
2
answers
97
views
How to make an SVG icon change colors once clicked and visited, and revert back to its previous color when unclicked despite being visited?
I'm working on a Tumblr theme right now, but my Tumblr blog has its own unique domain. This makes some of Tumblr's native features and buttons inaccessible to me. AKA: none of the usual buttons on the ...
1
vote
1
answer
52
views
Position custom tooltip relative to different SVG group with selected class
I've built an SVG map where you can either hover over a separate list of names on the left which will trigger a tooltip. Or hover over the numbered icon on the map itself which also triggers the ...
0
votes
0
answers
46
views
Writing a selector for CSS or jQuery when the attribute name contains a colon [duplicate]
I've been trying to figure out how to get KanjiVG to work for a bit now, and while I'm able to get the images to display, I'm having trouble manipulating them (specifically, highlighting the radical, ...