Stack Overflow
Stack Overflow

Questions tagged [jquery-svg]

A jQuery plugin that lets you interact with an SVG canvas.

jQuery SVG is a plugin for that enables interaction with an SVG document or canvas.

SVG (Scalable Vector Graphics) is a language for describing two-dimensional graphics in XML, and JQuery SVG provides methods for manipulating the SVG and creating new SVG elements, and it provides a wrapper to use standard jQuery methods in SVG as well.

256 questions
3
votes
2 answers

SVG draw animated semi circle not working with dashed

I am trying to animate draw a dashed semi circle with svg .path { stroke-dasharray: 1000; …
user828941
  • 145
  • 1
  • 9
3
votes
0 answers

SVG circle jagged rendering

I have some rendering problems with svg circular progressbar on retina and non-retina display. I tried to use another plugins, but it's the same problems. All plugins created distorted, jagged lines. Zoomed screenshot from retina: you can see here…
Alexander Torn
  • 31
  • 2
3
votes
2 answers

Show loading gif while waiting for ajax response

I have a seat chart. When i click a seat, i want to show a loading gif. Seat chart comes from svg document. Seats are svg elements. When ajax response returned, i want to hide loading gif. I wrote code below but it doesnt work.
ebruszl
  • 469
  • 4
  • 11
  • 27
3
votes
3 answers

Using Font Awesome with jQuery SVG

With a little help from this question, I was able to show font awesome icons in static SVG. But our app uses jQuery SVG, and it doesn't seem to be allowing SVG escape characters. Here's a demo showing both running side by…
Bryan Young
  • 654
  • 4
  • 7
  • 23
3
votes
2 answers

Clip-path and transform combination in svg

Please refer to the following clip-path in group.
SivaRajini
  • 7,225
  • 21
  • 81
  • 128
3
votes
1 answer

Animate a "div" through SVG path

I am a noob to HTML5, SVG. Basically I need to move a html "div" object through a SVG path which I created. My HTML look like this
ramesh
  • 4,008
  • 13
  • 72
  • 117
3
votes
2 answers

How to get transformed / Rotated SVG path points

I have rotated an SVG path element by setting the attribute transform="rotate(45)" Now how could i get the rotated SVG path points ? When i checked the attribute "d" its still showing the original points [ unrotated ].
George Neil
  • 357
  • 1
  • 4
  • 14
3
votes
1 answer

Is it possible to find the parent or next / prev sibling of an SVGTSpanElement

I can normally find the parent or appropriate sibling of the event target using something like $(".occupancy").bind("click", function(event){ day = $(event.target).parent().attr("class"); // more stuff }); But if the event is triggered on…
codepuppy
  • 1,130
  • 2
  • 15
  • 25
3
votes
1 answer

How to convert SVG String to PNG?

I know that there are various topics about this but i haven't found the right answer... I need to transform a SVG string to a png image, it has to be a png image because i need the transparency and for what i'm trying to use it only accepts png (or…
Ricardo ACB
  • 270
  • 2
  • 6
  • 14
3
votes
0 answers

double buffering SVG in HTML

I wonder what could be the better way to simulate double buffering for some possibly complex SVG. I'm reloading often a modified SVG, and I'd like to get rid of the load delay. I was thinking of using two overlapped DIVs and toggle visibility after…
CapelliC
  • 59,646
  • 5
  • 47
  • 90
3
votes
0 answers

make SVG object as droppable in jQuery

I had an SVG line(path) object in my web application and div as draggable. I would likes to drag the "draggable" div in to the svg object. For that I have to make the SVG line(path) as droppable. with the following code I can make an html content as…
ramesh
  • 4,008
  • 13
  • 72
  • 117
3
votes
5 answers

How do I make dragging SVG elements in Chrome with jQuery work without getting offsets? (Firefox is OK)

I am trying to write some code that allows SVG elements to be dragged around. This is pretty easy with jQuery, jQuery UI and jQuery SVG, and works fine in Firefox, but in Chrome when I drag the SVG element, an offset is apparently added to its…
Reuben Thomas
  • 647
  • 6
  • 13
2
votes
2 answers

Border for svg elements

I am working with svg and its dom manipulation. I want to create a border for a group of svg elements positioned inside the tag. How do I do this? Is it possible to create circular / elliptical boundaries also? I am using the jQuery SVG library.…
Srikrishnan Suresh
  • 729
  • 2
  • 13
  • 31
2
votes
2 answers

access inner contents of symbol instances within svg

I have an svg document that contains 4 instances of a symbol. I want to manipulate attributes within each instance separately. E.g. changes the text of some labels, change the color of a shape, move an internal shape. This doesn't seem possible,…
asinning
  • 21
  • 1
2
votes
2 answers

Zoom to an element - jquery SVG

Say I have a canvas with svg elements drawn on it. Once i click on the element, i need to change the viewport by zooming and focusing on the element clicked. How do i perform this? I have attached the code. ` …
Srikrishnan Suresh
  • 729
  • 2
  • 13
  • 31
1 2
3
…
17 18