Skew​Transform Skew​Transform Skew​Transform Skew​Transform Class

Definition

Represents a two-dimensional skew.

public : sealed class SkewTransform : Transform, ISkewTransformpublic sealed class SkewTransform : Transform, ISkewTransformPublic NotInheritable Class SkewTransform Inherits Transform Implements ISkewTransform// This API is not available in Javascript.
<SkewTransform .../>
Inheritance
Attributes
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

Inherited methods

Inherited properties

Windows.UI.Xaml.Media.GeneralTransform.TryTransform(Windows.Foundation.Point,Windows.Foundation.Point)Windows.UI.Xaml.Media.GeneralTransform.TryTransform(Windows.Foundation.Point,Windows.Foundation.Point)Windows.UI.Xaml.Media.GeneralTransform.TryTransform(Windows.Foundation.Point,Windows.Foundation.Point)Windows.UI.Xaml.Media.GeneralTransform.TryTransform(Windows.Foundation.Point,Windows.Foundation.Point)
Windows.UI.Xaml.Media.GeneralTransform.TryTransformCore(Windows.Foundation.Point,Windows.Foundation.Point)Windows.UI.Xaml.Media.GeneralTransform.TryTransformCore(Windows.Foundation.Point,Windows.Foundation.Point)Windows.UI.Xaml.Media.GeneralTransform.TryTransformCore(Windows.Foundation.Point,Windows.Foundation.Point)Windows.UI.Xaml.Media.GeneralTransform.TryTransformCore(Windows.Foundation.Point,Windows.Foundation.Point)

Examples

This example uses a SkewTransform to skew text. A skew, also known as a shear, is a transformation that stretches the coordinate space in a non-uniform manner. In this example, the two text strings are skewed -30 degrees and 30 degrees along the x-coordinate.

<Canvas Margin="30">
    <!-- Skew the text using a SkewTransform. -->
    <TextBlock FontSize="32"
               FontWeight="Bold" 
               Foreground="Maroon"
               Text="Skewed Text">
        <TextBlock.RenderTransform>
            <SkewTransform AngleX="-30" AngleY="0" />
        </TextBlock.RenderTransform>
    </TextBlock>

    <TextBlock Canvas.Top="60"
               FontSize="32"
               FontWeight="Bold" 
               Foreground="Maroon"
               Text="Skewed Text">
        <TextBlock.RenderTransform>
            <SkewTransform AngleX="30" AngleY="0" />
        </TextBlock.RenderTransform>
    </TextBlock>
</Canvas>
<Rectangle PointerPressed="IncreaseSkew"
           Width="50" Height="50" 
           Fill="RoyalBlue">
    <Rectangle.RenderTransform>
        <!-- If you give the transform a name 
             you can access it easily from code. -->
        <SkewTransform x:Name="mySkewTransform" />
    </Rectangle.RenderTransform>
</Rectangle>
public void IncreaseSkew(object sender, RoutedEventArgs e)
{
    mySkewTransform.AngleX = mySkewTransform.AngleX + 5;
}

Constructors

SkewTransform() SkewTransform() SkewTransform() SkewTransform()

Initializes a new instance of the SkewTransform class.

public : SkewTransform()public SkewTransform()Public Sub New()// This API is not available in Javascript.
Attributes

Properties

AngleX AngleX AngleX AngleX

Gets or sets the x-axis skew angle, which is measured in degrees counterclockwise from the y-axis.

public : double AngleX { get; set; }public double AngleX { get; set; }Public ReadWrite Property AngleX As double// This API is not available in Javascript.
<SkewTransform AngleX="double"/>
Value
double double double double

The skew angle, which is measured in degrees counterclockwise from the y-axis. The default is 0.

Attributes

AngleXProperty AngleXProperty AngleXProperty AngleXProperty

Identifies the AngleX dependency property.

public : static DependencyProperty AngleXProperty { get; }public static DependencyProperty AngleXProperty { get; }Public Static ReadOnly Property AngleXProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the AngleX dependency property.

Attributes

AngleY AngleY AngleY AngleY

Gets or sets the y-axis skew angle, which is measured in degrees counterclockwise from the x-axis.

public : double AngleY { get; set; }public double AngleY { get; set; }Public ReadWrite Property AngleY As double// This API is not available in Javascript.
<SkewTransform AngleY="double"/>
Value
double double double double

The skew angle, which is measured in degrees counterclockwise from the x-axis. The default is 0.

Attributes

AngleYProperty AngleYProperty AngleYProperty AngleYProperty

Identifies the AngleY dependency property.

public : static DependencyProperty AngleYProperty { get; }public static DependencyProperty AngleYProperty { get; }Public Static ReadOnly Property AngleYProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the AngleY dependency property.

Attributes

CenterX CenterX CenterX CenterX

Gets or sets the x-coordinate of the transform center.

public : double CenterX { get; set; }public double CenterX { get; set; }Public ReadWrite Property CenterX As double// This API is not available in Javascript.
<SkewTransform CenterX="double"/>
Value
double double double double

The x-coordinate of the transform center. The default is 0.

Attributes

CenterXProperty CenterXProperty CenterXProperty CenterXProperty

Identifies the CenterX dependency property.

public : static DependencyProperty CenterXProperty { get; }public static DependencyProperty CenterXProperty { get; }Public Static ReadOnly Property CenterXProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the CenterX dependency property.

Attributes

CenterY CenterY CenterY CenterY

Gets or sets the y-coordinate of the transform center.

public : double CenterY { get; set; }public double CenterY { get; set; }Public ReadWrite Property CenterY As double// This API is not available in Javascript.
<SkewTransform CenterY="double"/>
Value
double double double double

The y-coordinate of the transform center. The default is 0.

Attributes

CenterYProperty CenterYProperty CenterYProperty CenterYProperty

Identifies the CenterY dependency property.

public : static DependencyProperty CenterYProperty { get; }public static DependencyProperty CenterYProperty { get; }Public Static ReadOnly Property CenterYProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the CenterY dependency property.

Attributes

See Also