Skew the text using a SkewTransform : SkewTransform « Graphics « Silverlight






Skew the text using a SkewTransform

Skew the text using a SkewTransform
  



<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <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>
</UserControl>

   
    
  








Related examples in the same category

1.Use SkewTransform to transform an image
2.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)
3.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)
4.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)
5.SkewTransform AngleX: 45 / AngleY: 0 / RenderTransformOrigin: (0.5,0.5)SkewTransform AngleX: 45 / AngleY: 0 / RenderTransformOrigin: (0.5,0.5)
6.SkewTransform TransformationSkewTransform Transformation
7.An ellipse that has been scaled by 20%An ellipse that has been scaled by 20%