Skip to main content

All Questions

Tagged with
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" ...
Raptor's user avatar
  • 53.7k
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 ...
gowtham manikandan's user avatar
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%...
Bill's user avatar
  • 57
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() { ...
ambaamba's user avatar
  • 121
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&...
marklovin's user avatar
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 ...
BlasterGod's user avatar
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 ...
marklovin's user avatar
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....
Naren Verma's user avatar
  • 2,297
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 ...
Empty Set's user avatar
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....
Candide x Media's user avatar
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" ...
rdll's user avatar
  • 11
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 ...
Monique48149's user avatar
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 ...
online-user's user avatar
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 ...
probablybest's user avatar
  • 1,445
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, ...
Kaji's user avatar
  • 2,310

15 30 50 per page
1
2 3 4 5
226