2 Replies Latest reply on Apr 12, 2010 4:17 AM by Francisc

    Blury Image after rotation

    Francisc Level 3


      I have a PNG image with transparency in a Canvas container.

      I visually flip the container to 180 degrees.

      The image inside it gets blured.


      How can I fix this please?

      I'm using rotationX property with Flash Player 10 and Flex 3.5 Framework.



        • 1. Re: Blury Image after rotation
          David_F57 Level 5



          I tried this and had no issue with image blur, one thing you could do is if you are animating the rotation make sure at the end of the process that you ensure the rotation is 180. (as per the code below)


          note: I tried this on X/Y/Z



          <?xml version="1.0" encoding="utf-8"?>

          <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600">



          import mx.events.EffectEvent;


          protected function anim_effectEndHandler(event:EffectEvent):void





          protected function button1_clickHandler(event:MouseEvent):void






          <mx:Canvas x="630" y="199" width="331" height="243" id="cnv">

          <mx:Image width="258" height="193" source="Lighthouse.png" horizontalCenter="0" verticalCenter="0"/>


          <mx:Button x="39" y="10" label="Button" click="button1_clickHandler(event)"/>

          <mx:AnimateProperty id="anim" target="{cnv}" property="rotationY" fromValue="0" toValue="180" duration="1000" repeatCount="1" effectEnd="anim_effectEndHandler(event)"/>



          • 2. Re: Blury Image after rotation
            Francisc Level 3

            It's odd.


            It happens to PNG images with font and transparency, probabil because the font lines are very thin. I've tried using smoothing but to no avail.