find each path in SVG image on mouse over
up vote
1
down vote
favorite
This is my code to load SVG image form server .. work well
Now, my problem is :
1- How I can find each path in SVG image on mouse over ??? making
rectangle on the single path founded.
Then,
2- How I can change color for single path selected by using color
picker .
Example SVG
View
<div id="my-div"></div>
JS
src="//cdn.jsdelivr.net/npm/vivus@latest/dist/vivus.min.js" // usign this script to load SVg
new Vivus('my-div', {
duration: 200,
file: 'http://www.stirox.com/R/uploads/s.svg'
}, function() {
alert(1);
});
javascript jquery svg
add a comment |
up vote
1
down vote
favorite
This is my code to load SVG image form server .. work well
Now, my problem is :
1- How I can find each path in SVG image on mouse over ??? making
rectangle on the single path founded.
Then,
2- How I can change color for single path selected by using color
picker .
Example SVG
View
<div id="my-div"></div>
JS
src="//cdn.jsdelivr.net/npm/vivus@latest/dist/vivus.min.js" // usign this script to load SVg
new Vivus('my-div', {
duration: 200,
file: 'http://www.stirox.com/R/uploads/s.svg'
}, function() {
alert(1);
});
javascript jquery svg
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
This is my code to load SVG image form server .. work well
Now, my problem is :
1- How I can find each path in SVG image on mouse over ??? making
rectangle on the single path founded.
Then,
2- How I can change color for single path selected by using color
picker .
Example SVG
View
<div id="my-div"></div>
JS
src="//cdn.jsdelivr.net/npm/vivus@latest/dist/vivus.min.js" // usign this script to load SVg
new Vivus('my-div', {
duration: 200,
file: 'http://www.stirox.com/R/uploads/s.svg'
}, function() {
alert(1);
});
javascript jquery svg
This is my code to load SVG image form server .. work well
Now, my problem is :
1- How I can find each path in SVG image on mouse over ??? making
rectangle on the single path founded.
Then,
2- How I can change color for single path selected by using color
picker .
Example SVG
View
<div id="my-div"></div>
JS
src="//cdn.jsdelivr.net/npm/vivus@latest/dist/vivus.min.js" // usign this script to load SVg
new Vivus('my-div', {
duration: 200,
file: 'http://www.stirox.com/R/uploads/s.svg'
}, function() {
alert(1);
});
javascript jquery svg
javascript jquery svg
asked Nov 7 at 10:14
codex
61
61
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53187387%2ffind-each-path-in-svg-image-on-mouse-over%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown