I'm not sure if this is what you want but here goes... You could give all of the <use> tags a class of 'Ball' or similar and then use document.getElementsByClassName('Ball') Example: <script type="text/javascript"> <![CDATA[ function getBalls() { return document.getElementsByClassName('aBa...

I just borrowed an iPad and ran the acid test on the iOS Safari and it scored a 99 so SVG support is definitely available on the iPhone/Pad, I've yet to test an android but I would bet money it has full supp0rt.

I don't have an iPhone to test but I believe the only SVG it doesn't support are SMIL animations and it doesn't sound like you will need that for what you are doing. Most likely full support will happen in the coming months anyway, so you will be ahead of the game. I have created a very quick exampl...

Not to crap all over your idea, but why would you convert a newer tech into old, basically deprecated one? This could easily be achieved using pure SVG.

Don't give up so soon because I have solved the issue! I have modified the svgdoc from before. The method I found to work is "getCTM()" This method returns the "Current Transformation Matrix" of the element that it is called upon. All transforms on an element are held within a 2x...

Hm yes, I see it does not factor in any transforms on the item which is quite unfortunate.

I will tinker a bit more.

I have (somewhat) solved this issue using the getBBox() method. Although I have not done collision detection, I have successfully found the coordinates of an animated element using getBBox() and getCTM(). Working example follows:

http://static.dorshnik.com/test/point-on-path.svg

Hello there! I have successfully gotten the coordinates of an element along an animation path. In this basic example I have used an interval to monitor an animated rectangle. As I said, the answer was in the method getBBox(). If you are going to monitor anything other than a rectangle, please note t...

Hi, I actually asked this question a few months ago on this forum but never found a definite answer. I DO think it is possible though, and I think the answer lies in the method "getBBox()" I am feeling a bit curious about this again so I think I will create a test to find out if this will ...

Well it turns out that the solution to this was so simple that I'm ashamed I posted this :oops: I'm sure that the specificity of this post will help someone though. So to access the parent html DOM from a script within an embedded SVG document, all you have to do is get the window's parent like so: ...

I am working on an SVG web application that I am embedding into an HTML5 page. The SVG doc has its own script that performs operations on the entire page. For the sake of example, I will show what I would like to accomplish using the HTML5 <audio> tag. Interacting with this element is cake if I embe...

After testing myself, this is definitely the method I will use for mapping these sprites.

Here is a working example:

http://static.dorshnik.com/wow/test.svg

Hmmm interesting. So you're saying that if I position the element over the desired icon in the spritemap pattern and then translate it elsewhere, it will "move" the icon with it? Genius!

I'll give it a try and post the results.

Damn! I thought I had this figured out a minute ago but I've hit a wall again. I tried making a pattern out of the spritemap and then using it as the fill of a rect element. It shows up fine but the pattern coordinates apply to the entire svg space and thus you cannot position the spritemap for more...

I don't understand the layer idea. Wouldn't I still have to have all the images as separate files for that?

I am working to create an SVG web app and I have around 50 external icons that the app uses. It would be great if I could put all of these icons into one spritemap like with css sprites. I can't think of a way to do this using SVG off the top of my head so if anyone has suggestions please post. The ...

The only way I've ever gotten SVG to work within an HTML page is to define it as XML instead of HTML. The file must have .xml extension (not ..html