// rotate the square 45 degrees
square.setAttribute(“transform”, “rotate(45,40,40)”);

How can I correctly handle the transform for setting the x and y to track the mouse?
public void onMouseMove(MouseMoveEvent event) {
if (dragging) {
OMSVGPoint d = getLocalCoordinates(event).substract(p);
square.getX().getBaseVal().setValue(x0 + d.getX());
square.getY().getBaseVal().setValue(y0 + d.getY());
}
event.stopPropagation();
event.preventDefault();
}

Thanks for the encouragements. Actually, I am more thinking of a complete rewrite on a different basis (keep GWT, but use SVG + a yet to be determined UI toolkit). This is why I am developing lib-gwt-svg. I am currently refining this library and learning the ropes with simpler projects like lib-gwt-svg-edu and lib-gwt-svg-chess, but the idea is to get started on an actually usable / “industrial” vectomatic2 once these pieces are in place.
Regarding version 1, my plans are to make just enough changes to keep it running and also fix bugs which always make a poor impression but I hope that by next year it can be replaced by the new version.

Thank you very much for your advice which resolves my problem.

Best regards,

Allen Wu

I have done some research on this topic and here is what I have found out. It really boils down to what browser you are using. SMIL animation at this point is really work in progress on all browsers, except for Opera (the code I gave you fails in FF37a4 but actually does work in Opera10.10).

Your analysis is quite accurate, the fact that the instantiation fails on some browser comes from the fact that the browser either does not support the tag at all, or reports its javascript type incorrectly.
Here are the results of my tests (on Linux). There are 4 tags in SMIL animation. The following table shows the javascript type returned by the browser when you create the tag from script, using Document.createElementNS:

My advice to you is thus:

1. If you really want to use SMIL animation at this point, use Opera, as it seems to be the only browser which does it correctly.

2. To try to get the things to improve, you can report bugs to mozilla and webkit. For mozilla this is a bit early since they have never claimed to fully support SMIL animations at this point. I will file the bug though when they reach beta if things have not improved. I do not precisely know the status of SMIL in Chrome.

3. If you need to develop something today, you can do your own animation by combining the lib-gwt-svg and com.google.gwt.animation.client.Animation and changing the parameters of your SVG scene by code. I know this approach works since I use it in http://www.vectomatic.org/lib-gwt-svg-edu to animate my transitions

Regards
Lukas