2 Replies Latest reply on Aug 19, 2010 1:01 PM by andrewthorp

    Image using embedded SVG calculates width/height wrong

    andrewthorp

      Just out of curiosity, if I embed an SVG image like this:

       

      [Embed(source="/com/mysite/assets/images/graphics/car.svg")]
      public static const GRAPHIC_CAR:Class;

       

      Then I have:

       

      <mx:Canvas width="55" height="55" borderStyle="solid" borderThickness="5" borderColor="0xc7190e">

      <mx:Image source="{GRAPHIC_CAR}" verticalCenter="0" horizontalCenter="0" width="40" height="40" />

      </mx:Canvas>

       

      Why does it render like the attached image?

       

      I would like to know so that I can vertically center any SVG I am using. When I use these later on, I use them at a much bigger size on a bigger canvas, and I experience the same problem. Any help would be greatly appreciated!

       

      http://img59.imageshack.us/img59/2580/screenshot20100817at700.png