All Questions
603
questions
0
votes
0
answers
42
views
Having trouble setting svg color when rendering svg file
I'm creating a svg logo maker for a class project and the program works great expect when logo.svg is generated the fill is left blank and for the life of me I'm unable to figure out why. When ran in ...
1
vote
2
answers
859
views
Draw SVG That Contains Multiple Paths, One Path At A Time, Animated With Javascript
I am new to SVG animations, I looked in to SNAP SVG and other libraries, but I cannot find a way to achieve my goal.
I have a SVG file (or the SVG is directly integrated in HTML), that contains ...
0
votes
1
answer
222
views
How to select inside of SVG path?
How can I change the inside color of the circle? Or how can I do animation while my cursor goes inside of the SVG circle?
I tried to use fill, fill-rule, and fill-opacity but it is not working. I want ...
0
votes
1
answer
94
views
Combining, and animating multiple SVG's - Feeling Stuck
I am trying to combine and animate 15 SVG's (color gradients, and slight blob change). I've tried everything I know in CSS, as well as svgasm and snap.svg libraries.
The SVG's were made in Figma, and ...
1
vote
0
answers
295
views
How to fill a rect tag inside an SVG with image in Javascript
I've made several attempts to insert an image inside a rect tag inside an SVG, but none of them worked. What I want is when I click on a button there is a function that changes the fill of the rect. I ...
1
vote
1
answer
948
views
How can I get an ID from SVG file using javascript
I'm having difficulties in accessing an ID that is inside an SVG file and inside of a rect tag, to manipulate the SVG's I'm using the Snap.svg library. In this case I want to get the get the id="...
0
votes
0
answers
56
views
Morphing unequal path svg text
So I have a problem wherein I morph an SVG text to another text by using path d but it seems like a MorphSVG can't make an svg that doesn't equal to the different class...
So for example let say EMAIL ...
0
votes
3
answers
155
views
How do I set presentation attributes of Image tags that can be found within SVGs (Files or Inline)? [duplicate]
I am writing an SVG editor program. I am trying to implement highlighted feel for when an element (<image>, not <img>) is clicked. I have implemented this for other elements like <...
1
vote
1
answer
413
views
SVG: Get clicked element
How to get the specific element inside SVG on which click was made?
this.svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
var s = Snap(this.svgEl);
...
1
vote
1
answer
56
views
Snap.svg failing to .transform() for <use> tag element
I have an use element in my svg like
<use x="47.46" y="44.64" cx="48" cy="45" id="9zh7" href="#msi_plane" class="markerpoint"&...
1
vote
1
answer
575
views
Pinch and Zoom on SVG Map
I have an SVG that is a building map with each room having its own element. I am using javascript with Snap.svg with the Snap.svg.zpd plugin and jquery-touchswipe to capture touch events. Each room ...
0
votes
2
answers
101
views
Creating 9 circles in each rectangle (4 in each corner, 4 on the sides and 1 in the middle) at the same time/after immediately creating a rectangle
I have a challenge, where i am trying to create 9 circles in each rectangle (4 in each corner, 4 on the sides and 1
in the middle) at the same time after immediately creating a rectangle. In my ...
0
votes
0
answers
203
views
how to recognize point(x y) is inside svg group geometry elements
As my code (whether a point is inside an element like rectangle, polygon, polyline, line, circle) is working perfectly but if I want to implement this one for the group element of rectangle, polygon, ...
2
votes
0
answers
35
views
I tried but failed to print out the id of circles with in the fo loop
i would like to draw your kind attention (please see below my tries) of the followings where i tried to print out the id's of all circles with in the double for loop but can not. Every time i got null ...
1
vote
0
answers
282
views
How to find svg viewbox from absolute path points in javascript?
I have this absolute svg path (generated through snap.svg):
[
["M", 228.87, 219],
["L", 42.129999999999995, 218.39],
["C", 42.19, 218.39, 42.24999999999999, ...