openLaszlo转盘式菜单的实现

<canvas width="780" height="700">
    <view name="huan" resource="./res.png" x="200" y="400" xoffset="${this.width/2}" yoffset="${this.height/2}"
        xscale="0.5" yscale="0.5" onclick="rotate()" onmouseover="lrg()" onmouseout="small()">
        <method name="lrg">
       canvas.huan.enlarge.doStart();
    </method>
        <method name="small">
       canvas.huan.ensmall.doStart();
    </method>
        <animatorgroup name="anm" start="false">
            <animator attribute="rotation" to="${canvas.huan.ratio}" duration="500" start="false" />
            <animatorgroup start="false" process="simultaneous" motion="easeboth">
                <animator attribute="xscale" to=".5" duration="200" start="false" />
                <animator attribute="yscale" to=".5" duration="200" start="false" />
            </animatorgroup>
            <animator attribute="x" to="130" duration="500" start="false" />
            <method event="onstop">
        canvas.panel.exp.doStart();
      </method>
        </animatorgroup>
        <animatorgroup name="enlarge" start="false" process="simultaneous" motion="easeboth">
            <animator attribute="xscale" to="0.7" duration="200" start="false" />
            <animator attribute="yscale" to="0.7" duration="200" start="false" />
        </animatorgroup>
        <animatorgroup name="ensmall" start="false" process="simultaneous" motion="linear">
            <animator attribute="xscale" to="0.5" duration="100" start="false" />
            <animator attribute="yscale" to="0.5" duration="100" start="false" />
        </animatorgroup>
        <method name="rotate">
      <![CDATA[
         var x = this.getMouse('x');
         var y = this.getMouse('y');
         var ratio = 0;
         if(canvas.huan.ratio != null) {            
            canvas.panel.inc.doStart();
          }
          if(x > 200 && y<200)
            ratio = 45;
          if(x < 200 && y<200)
            ratio = 135;
          if( x > 200 && y>200)
            ratio = 315;
          if( x < 200 && y>200)
            ratio = 225;
          canvas.huan.setAttribute('ratio',ratio);
          canvas.huan.anm.doStart();

        ]]>
      </method>
    </view>
    <view name="panel" x="300" y="400" width="0" height="20" bgcolor="blue" opacity="0">
        <animatorgroup name="exp" start="false">
            <animator attribute="opacity" to=".3" duration="1" start="false" />
            <animator attribute="width" to="400" duration="500" start="false" />
            <animatorgroup start="false" process="simultaneous">
                <animator attribute="y" to="300" duration="500" start="false" />
                <animator attribute="height" to="200" duration="500" start="false" />
            </animatorgroup>
            <method event="onstop">
        canvas.panel.textbox.setVisible(true);
        
     </method>
        </animatorgroup>
        <animatorgroup name="inc" start="false">
            <animatorgroup start="false" process="simultaneous">
                <animator attribute="y" to="400" duration="500" start="false" />
                <animator attribute="height" to="20" duration="500" start="false" />
            </animatorgroup>
            <animator attribute="width" to="0" duration="500" start="false" />
            <method event="onstop">
        canvas.panel.textbox.setVisible(false);
     </method>
        </animatorgroup>
        <text name="textbox" visible="false">This is only a test</text>
    </view>
</canvas>

 res.png为转盘图片