Well, I managed to get the rotated view to be drggable correctly, although it took some fairly confusing trigonometry. The default dragstate doesn't work with rotated views:
<canvas debug="true" width="800" height="600">
<debug x="350" y="10" width="400" height="450" />
<class name="topleftresizestate"
extends="state">
<attribute name="xroffset"
value="$once{this.getMouse('x')}" />
<attribute name="initx"
value="$once{this.x}" />
<attribute name="initwidth"
value="$once{this.width}" />
<attribute name="width"
value="${this.initwidth+this.initx -this.immediateParent.getMouse('x')+xroffset}" />
<attribute name="x"
value="${this.immediateParent.getMouse('x') -this.xroffset}" />
<attribute name="yroffset"
value="$once{this.getMouse('y')}" />
<attribute name="inity"
value="$once{this.y}" />
<attribute name="initheight"
value="$once{this.height}" />
<attribute name="height"
value="${this.initheight+this.inity -this.immediateParent.getMouse('y')+yroffset}" />
<attribute name="y"
value="${this.immediateParent.getMouse('y') -this.yroffset}" />
</class>
<class name="rotbox"
extends="view"
width="100"
height="100"></class>
<class name="mydragger" extends="state">
<attribute name="x"
value="${parent.getMouse('x') - this.dragXOffset}" />
<attribute name="y"
value="${parent.getMouse('y') - this.dragYOffset}" />
</class>
<view bgcolor="green" x="10" y="10">
<rotbox id="v1"
bgcolor="yellow"
x="120"
y="120"
yoffset="${this.height /2}"
xoffset="${this.width/ 2}"
clickable="true"
onmouseup="draggable.remove();">
<attribute name="dragXOffset" type="number" value="0" />
<attribute name="dragYOffset" type="number" value="0" />
<method event="onmousedown">
var theta = Math.PI/180 * this.rotation;
this.dragXOffset = (this.getMouse("x")*Math.cos(theta)
- this.getMouse("y")*Math.sin(theta))
- (this.xoffset*Math.cos(theta)
- this.yoffset*Math.sin(theta));
this.dragYOffset = (this.getMouse("x")*Math.sin(theta)
+ this.getMouse("y")*Math.cos(theta))
- (this.yoffset*Math.cos(theta)
+ this.xoffset*Math.sin(theta));
draggable.apply();
</method>
<attribute name="f1"
value="20"
type="number" />
<attribute name="f2"
value="-20"
type="number" />
<resizestate name="rs" />
<topleftresizestate name="trrs" />
<mydragger name="draggable" />
<view name="crb"
align="right"
valign="bottom"
width="7"
height="7"
bgcolor="blue"
onmousedown="parent.rs.apply();"
onmouseup="parent.rs.remove()" />
<view name="crb2"
align="left"
valign="top"
width="7"
height="7"
bgcolor="red"
onmousedown="parent.trrs.apply();"
onmouseup="parent.trrs.remove()" />
</rotbox>
</view>
<button text="clockwise"
y="160">
<method event="onclick">
v1.animate('rotation',v1.f1++,1000,true);
Debug.write("clockwise"+v1.f1);</method>
</button>
<button text="anticlockwise"
x="150"
y="160">
<method event="onclick">
v1.animate('rotation',-v1.f1,1000,true);
Debug.write("anticlockwise"+v1.f1);</method>
</button>
</canvas>
-Antun