ansaurus

Question

jQuery under SVG

Answer 1

+1 A:

I hacked an old version of jquery around a bit, and it is possible to run it in svg-only mode with some modifications. Feel free to take the changes and do whatever you want with them. Here's a demo and here's the modified jquery sourcecode.

It's incomplete and probably has some issues if you want to use it in both HTML and SVG, but it's a start, and works to some extent at least.

Erik Dahlström 2010-02-19 17:31:34

Great! That's exactly what I'm looking for, and it is working. Thanks.

Volodymyr Frolov 2010-02-19 20:56:01

There was one more issue with classes of elements. Class selectors and methods didn't work because in HTML elem.className is a string but in SVG it is an object. String class is taken from elem.className.baseVal. I have patched newest (1.4.2) version of jQuery. One more issue is that SVG doesn't call initialization methods so I introduce jQueryInitialize and call it in onload. Here is a link: http://hgcoaxial.appspot.com/static/jquery-1.4.2.svg.js to the patched jQuery. And here is more sophisticated example: http://hgcoaxial.appspot.com/static/jquery-1.4.2.svg.js of jQuery under SVG.

Volodymyr Frolov 2010-02-20 20:37:03

Thanks, almost works, only - how do I animate e.g. position of a circle? jQuery works with CSS attribs, and circle's `cx` / `cy` has no CSS counterpart IIUC. I've tried `top` but no effect (although does not throw).

Ondra Žižka 2010-08-16 23:19:26

ansaurus

tags:

views:

answers:

jQuery under SVG

related questions