Skew the text using a SkewTransform : RenderTransform « Windows Presentation Foundation « C# / C Sharp






Skew the text using a SkewTransform

Skew the text using a SkewTransform
  

<Window x:Class="SDKSample.Window1"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Text Transform Samples"
  Background="FloralWhite"
  Height="640">

    <StackPanel>

      <TextBlock FontSize="32" FontWeight="Bold" Foreground="Maroon" Text="Skewed Text" Margin="125, 0, 0, 0">
        <TextBlock.RenderTransform>
          <SkewTransform AngleX="-30" AngleY="0" />
        </TextBlock.RenderTransform>
      </TextBlock>
      <TextBlock FontSize="32" FontWeight="Bold"  Foreground="Maroon" Text="asdf" Margin="100, 0, 0, 0">
        <TextBlock.RenderTransform>
          <SkewTransform AngleX="30" AngleY="0" />
        </TextBlock.RenderTransform>
      </TextBlock>

    </StackPanel>
</Window>

   
    
  








Related examples in the same category

1.Rotate the text 90 degrees using a RotateTransformRotate the text 90 degrees using a RotateTransform
2.Skew the text using a TranslateTransformSkew the text using a TranslateTransform
3.Scale the text using a ScaleTransformScale the text using a ScaleTransform
4.Scales a rectangle by 200% from a center of (0,0)
5.Scales a rectangle by 200% from a center of (25,25)
6.ScaleX: 0.5 /ScaleY: 0.5 /Center: (25,25)
7.Scales a rectangle by 200% from a center of (0.5,0.5)
8.ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)
9.Applies a horizontal skew of 45 degrees from a center point of (0,0)Applies a horizontal skew of 45 degrees from a center point of (0,0)
10.Applies a horizontal skew of 45 degrees from a center point of (25,25)Applies a horizontal skew of 45 degrees from a center point of (25,25)
11.Applies a vertical skew of 45 degrees from a center point of (25,25)Applies a vertical skew of 45 degrees from a center point of (25,25)
12.SkewTransform AngleX: 45 / AngleY: 0 / RenderTransformOrigin: (0.5,0.5)SkewTransform AngleX: 45 / AngleY: 0 / RenderTransformOrigin: (0.5,0.5)
13.TranslateTransform X: 50 / Y: 0
14.TranslateTransform X: 0 / Y : 50TranslateTransform X: 0 / Y : 50
15.TranslateTransform X: 50 / Y: 50TranslateTransform X: 50 / Y: 50
16.The X and Y properties of this TranslateTransform are each animated from -50 to 50The X and Y properties of this TranslateTransform are each animated from -50 to 50
17.Rotate then TranslateRotate then Translate
18.Translate then RotateTranslate then Rotate
19.Animated ScaleTransformAnimated ScaleTransform
20.Animated SkewTransform ExampleAnimated SkewTransform Example
21.The ScaleX and ScaleY properties of this ScaleTransform are each animated from 0 to 1The ScaleX and ScaleY properties of this ScaleTransform are each animated from 0 to 1
22.Path with ScaleTransformationPath with ScaleTransformation