Comments on: July release http://www.vectomatic.org/lib-gwt-svg/july-release standard dynamic 2D graphics in web browsers Fri, 02 Dec 2011 17:17:57 +0000 hourly 1 http://wordpress.org/?v= By: Bret http://www.vectomatic.org/lib-gwt-svg/july-release/comment-page-1#comment-370 Bret Fri, 23 Jul 2010 11:27:54 +0000 http://localhost/vectomatic/?p=480#comment-370 Lukas, this is a great library. I have one question about your lib-gwt-svg example "Events" page. This is the example with the circle and and the square that can be moved with the mouse. If I add the following line after the square is created. // 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(); } Lukas, this is a great library. I have one question about your lib-gwt-svg example “Events” page. This is the example with the circle and and the square that can be moved with the mouse. If I add the following line after the square is created.

// 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();
}

]]>