SkewTransform
SkewTransform
SkewTransform
SkewTransform
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
-
SkewTransformSkewTransformSkewTransformSkewTransform
- Attributes
| Device family |
Windows 10 (introduced v10.0.10240.0)
|
| API contract |
Windows.Foundation.UniversalApiContract (introduced v1)
|
Inherited Members
Inherited methods
Inherited properties
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.
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.
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.
The identifier for the AngleX dependency property.
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.
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.
The identifier for the AngleY dependency property.
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.
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.
The identifier for the CenterX dependency property.
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.
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.
The identifier for the CenterY dependency property.