title: Flex 4: Scale to a point (zoom into an image where the mouse was clicked)
body: <p>I've been trying to get this working and I can't seem to figure it out.  There is an <code>Image</code> control that when I click on it I need to zoom in (using the center/transform point where the mouse is clicked).  </p>
  
  <p>I have the zoom transition working great, but when I set <code>transformX</code> &amp; <code>tranformY</code> (with <code>autoCenterTransform</code> false) it doesn't zoom into that point.</p>
  
  <p>Here is my code that only zooms in (not to a specific point)</p>
  
  <pre><code>&lt;fx:Script&gt;
          &lt;![CDATA[
  
              protected function imgLogo_clickHandler(event:MouseEvent):void
              {
                  transformer.play();
              }           
          ]]&gt;
      &lt;/fx:Script&gt;
  
      &lt;fx:Declarations&gt;       
          &lt;s:Parallel id="transformer" target="{imgLogo}"&gt;
              &lt;s:Scale scaleXBy="0.5" scaleYBy="0.5" /&gt;           
          &lt;/s:Parallel&gt;
      &lt;/fx:Declarations&gt;
  
      &lt;mx:Image id="imgLogo"   width="250" x="100" y="100"
              maintainAspectRatio="true" source="@Embed('src/logo.png')"      
              click="imgLogo_clickHandler(event)"  /&gt;
  </code></pre>
  
  <p>Any help is greatly appreciated.
  Thanks</p>