Translate then Rotate : RenderTransform « Windows Presentation Foundation « C# / C Sharp

1. C# / C Sharp
2. Windows Presentation Foundation
3. RenderTransform

Translate then Rotate

  

<Window x:Class="Workspace.DockExample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Workspace" Width="640" Height="480">
            <Canvas Height="200" Width="200">
                <Polyline
                  Points="25,25 0,50 25,75 50,50 25,25 25,0" Stroke="Blue" StrokeThickness="10"
                  Canvas.Left="75" Canvas.Top="50">
                    <Polyline.RenderTransform>
                
                    
                        <TransformGroup>
                            <TransformGroup.Children>
                                <TransformCollection>
                                    <TranslateTransform X="50" Y="0" />
                                    <RotateTransform CenterX="25" CenterY="50" Angle="45" />
                                </TransformCollection>
                            </TransformGroup.Children>
                        </TransformGroup>

                    </Polyline.RenderTransform>
                </Polyline>
                <Polyline Points="25,25 0,50 25,75 50,50 25,25 25,0" Stroke="Blue" StrokeThickness="10"
                  Opacity="0.25" Canvas.Left="75" Canvas.Top="50" />

            </Canvas>

</Window>

   
    
  

Related examples in the same category

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