# Problem with transform.matrix in flex

**URL:** <https://forum.kirupa.com/t/problem-with-transform-matrix-in-flex/323300>\
**Category:** Uncategorized\
**Created:** [June 24, 2011, 7:39am UTC](https://forum.kirupa.com/t/problem-with-transform-matrix-in-flex/323300 "2011-06-24T07:39:20Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![alias198](https://avatars.discourse-cdn.com/v4/letter/a/f17d59/32.png) [@alias198](https://forum.kirupa.com/u/alias198)\
**Post date:** [June 24, 2011, 7:39am UTC](https://forum.kirupa.com/t/problem-with-transform-matrix-in-flex/323300/1 "2011-06-24T07:39:20Z")

</div>

hello everyone,

my problem is that i have created a custom shape class which inherit UIComponent. now if i transform the shape object i am unable to get the new width and height value.

e.g:

var shape:Shape = new Shape();  
shape.type = Shape.TRIANGLE.  
shape.width = 100;  
shape.height = 100;

var mat:Matrix = new Matrix();  
mat.scale(1.5, 1.5);  
shape.transform.matrix = mat;

trace(“scaleX: “+shape.scaleX+”, width: “+shape.width+”  
scaleY:”+shape.scaleY+", height: "+shape.height);

///// scale value tracing 1 instead of 1.5, and 100 instead of 150 for height and width.

the problem also persists if i use canvas instead of shape. it will be realy helpfull if someone will point me out what i am doing wrong  
on basis of above problem i have written a basic app in flex in which i have used a Sprite and a UIComponent, Sprite is working well but UIComponent is having a problem.

code:

[SIZE=1]\<?xml version=“1.0” encoding=“utf-8”?\>  
\<mx:Application xmlns:mx="[/SIZE][[SIZE=1]http://www.adobe.com/2006/mxml[/SIZE]](http://www.adobe.com/2006/mxml)[SIZE=1]" layout=“absolute” minWidth=“955” minHeight=“600”  
creationComplete=“init()”\>

\<mx:Script\>  
\<![CDATA[  
import mx.core.UIComponent;

private var spt:UIComponent;  
private var spt2:Sprite;  
private function init():void{  
spt = new UIComponent();  
with(spt.graphics){  
beginFill(0xffffff);  
drawRect(0, 0, 100, 100);  
}  
addChild(spt);

```
spt2 = new Sprite();
with(spt2.graphics){
 beginFill(0xffffff);
 drawRect(0, 0, 100, 100);
}
rawChildren.addChild(spt2);
spt2.x = 500;

```

}

private function onChange():void{  
var mat:Matrix = new Matrix();  
mat.scale(scale.value, scale.value);  
spt.transform.matrix = mat;

```
debug.text = "scaleX: "+spt.scaleX+", width: "+spt.width+"

```

scaleY: “+spt.scaleY+”, height: "+spt.height; ///// not able to trace the update width, height and scale value

```
var mat2:Matrix = new Matrix();
mat2.tx = 500;
mat2.scale(scale.value, scale.value);
spt2.transform.matrix = mat2;

debug.text = debug.text+"

```

scaleX: “+spt2.scaleX+”, width: “+spt2.width+”  
scaleY: “+spt2.scaleY+”, height: "+spt2.height; ///// tracing correct value

}

]]\>  
\</mx:Script\>

\<!–\<mx:Canvas width=“100” height=“100” x=“10” y=“10” backgroundColor="#FFFFFF"  
id=“can”/\>–\>  
\<mx:Text x=“10” y=“502” id=“debug”/\>  
\<mx:HSlider x=“411” y=“508” minimum=“0.2” maximum=“4” snapInterval=“0.1” liveDragging=“true”  
change=“onChange()” id=“scale”/\>  
\</mx:Application\>  
[/SIZE]  
[SIZE=1][/SIZE]  
[SIZE=1][/SIZE]  
[SIZE=1][SIZE=2]pls help me :puzzle:[/SIZE][/SIZE]