Function to change proportions of canvas

Question

hello,
I hope someone can help me with this.
I have an canvas that is representing a piece of paper.
By chosing an option in the radiobuttongroup i wanna change
the proportions and position of my canvas.
chosing landscape or normal to rotate the canvas (paper).
i have no idea to let the canvas change live, Please some
help here.

Answer 1

solution:
------------------------------- one canvas
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:states>
<mx:State name="landscapeState">
<mx:SetProperty target="{paperCanvas}" name="width"
value="250"/>
<mx:SetProperty target="{paperCanvas}" name="height"
value="193"/>
</mx:State>
</mx:states>
<mx:transitions>
<mx:Transition fromState="*" toState="*">
<mx:Resize targets="{paperCanvas}" />
</mx:Transition>
</mx:transitions>
<mx:Canvas width="193" height="250"
horizontalCenter="0.5" top="55" backgroundColor="#ffff80"
id="paperCanvas">
<mx:filters>
<f:DropShadowFilter alpha=".7" distance="8"
xmlns:f="flash.filters.*" />
</mx:filters>
<mx:Text text="Click the RadioButtons below to change the
shape of this &quot;paper&quot; canvas." left="10"
right="10" top="101" bottom="10"/>
<mx:Label text="Paper" fontWeight="bold" fontSize="16"
left="10" top="10"/>
</mx:Canvas>
<mx:RadioButton selected="true" y="330" label="Portrait"
click="currentState=''" horizontalCenter="-61"/>
<mx:RadioButton y="330" label="Landscape"
click="currentState='landscapeState'" horizontalCenter="58.5"/>
</mx:Application>
------------------ two canvases ontop of eachother (rotate at
the same time) ------------------
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:states>
<mx:State name="landscapeState">
<mx:SetProperty target="{paperCanvas}" name="width"
value="250"/>
<mx:SetProperty target="{paperCanvas}" name="height"
value="193"/>
<mx:SetProperty target="{paperCanvas2}" name="width"
value="250"/>
<mx:SetProperty target="{paperCanvas2}" name="height"
value="193"/>
</mx:State>
</mx:states>
<mx:transitions>
<mx:Transition fromState="*" toState="*">
<mx:Resize targets="{[paperCanvas,paperCanvas2]}" />
</mx:Transition>
</mx:transitions>
<mx:Canvas width="193" height="250"
horizontalCenter="0.5" top="55" backgroundColor="#ffff80"
id="paperCanvas">
<mx:filters>
<f:DropShadowFilter alpha=".7" distance="8"
xmlns:f="flash.filters.*" />
</mx:filters>
<mx:Text text="Click the RadioButtons below to change the
shape of this &quot;paper&quot; canvas." left="10"
right="10" top="101" bottom="10"/>
<mx:Label text="Paper" fontWeight="bold" fontSize="16"
left="10" top="10"/>
</mx:Canvas>
<mx:Canvas width="193" height="250"
horizontalCenter="0.5" top="55" backgroundColor="#ffffff"
id="paperCanvas2">
</mx:Canvas>
<mx:RadioButton selected="true" y="330" label="Portrait"
click="currentState=''" horizontalCenter="-61"/>
<mx:RadioButton y="330" label="Landscape"
click="currentState='landscapeState'" horizontalCenter="58.5"/>
</mx:Application>