Export (0) Print
Expand All
Run
Expand Minimize

Matrix

Silverlight

Represents a 3 x 3 affine transformation matrix used for transformations in two-dimensional space.

<Matrix ... />

The properties of a Matrix can be animated (as one or more DoubleAnimation or DoubleAnimationUsingKeyFrames objects).

A Matrix provides the property value for the MatrixTransform.Matrix property. Often, it is more practical to manipulate the transforms by using one of the other transform objects and properties that constrain the transform into a particular type. The transform objects are RotateTransform, ScaleTransform, SkewTransform, and TranslateTransform.

For more information on basic concepts, see Transforms. Note that the Transforms topic is written primarily for users of the managed API, and may not have code examples or specific information that address the JavaScript API scenarios.

The following example transforms the position and skew of a rectangle by using a MatrixTransform object.

<Canvas
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="400" Height="300">
  <Rectangle Width="60" Height="60" Fill="Blue">

    <Rectangle.RenderTransform>
      <MatrixTransform>
        <MatrixTransform.Matrix >

          <!-- This matrix transforms the x,y position of
               the rectangle and skews it. -->
          <Matrix OffsetX="30" OffsetY="100" M12="0.5" />
        </MatrixTransform.Matrix>
      </MatrixTransform>
    </Rectangle.RenderTransform>

  </Rectangle>
</Canvas>

Community Additions

ADD
Show:
© 2014 Microsoft