Scales a rectangle by 200% from a center of (0,0) : RenderTransform « Windows Presentation Foundation « C# / CSharp Tutorial

Home C# / CSharp Tutorial 1. Language Basics 2. Data Type 3. Operator 4. Statement 5. String 6. struct 7. Class 8. Operator Overload 9. delegate 10. Attribute 11. Data Structure 12. Assembly 13. Date Time 14. Development 15. File Directory Stream 16. Preprocessing Directives 17. Regular Expression 18. Generic 19. Reflection 20. Thread 21. I18N Internationalization 22. LINQ 23. GUI Windows Forms 24. Windows Presentation Foundation 25. Windows Communication Foundation 26. Workflow 27. 2D 28. Design Patterns 29. Windows 30. XML 31. XML LINQ 32. ADO.Net 33. Network 34. Directory Services 35. Security 36. unsafe C# / C Sharp C# / C Sharp by API C# / CSharp Open Source

C# / CSharp Tutorial » Windows Presentation Foundation » RenderTransform   24.103.5.Scales a rectangle by 200% from a center of (0,0) <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 Width="250" Height="250">           <Rectangle Height="50" Width="50" Fill="#CCCCCCFF"              Stroke="Blue" StrokeThickness="2"             Canvas.Left="100" Canvas.Top="100">             <Rectangle.RenderTransform>               <ScaleTransform CenterX="0" CenterY="0" ScaleX="2" ScaleY="2" />             </Rectangle.RenderTransform>           </Rectangle>           <Rectangle Style="{StaticResource MarkerRectangleStyle}" />                     </Canvas> </Window> 24.103.RenderTransform 24.103.1. Rotate the text 90 degrees using a RotateTransform 24.103.2. Skew the text using a TranslateTransform 24.103.3. Skew the text using a SkewTransform 24.103.4. Scale the text using a ScaleTransform 24.103.5. Scales a rectangle by 200% from a center of (0,0) 24.103.6. Scales a rectangle by 200% from a center of (25,25) 24.103.7. ScaleX: 0.5 /ScaleY: 0.5 /Center: (25,25) 24.103.8. Scales a rectangle by 200% from a center of (0.5,0.5) 24.103.9. ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25) 24.103.10. Applies a horizontal skew of 45 degrees from a center point of (0,0) 24.103.11. Applies a horizontal skew of 45 degrees from a center point of (25,25) 24.103.12. Applies a vertical skew of 45 degrees from a center point of (25,25) 24.103.13. SkewTransform AngleX: 45 / AngleY: 0 / RenderTransformOrigin: (0.5,0.5) 24.103.14. TranslateTransform X: 50 / Y: 0 24.103.15. TranslateTransform X: 0 / Y : 50 24.103.16. TranslateTransform X: 50 / Y: 50 24.103.17. The X and Y properties of this TranslateTransform are each animated from -50 to 50 24.103.18. Rotate then Translate 24.103.19. Translate then Rotate 24.103.20. Animated ScaleTransform 24.103.21. Animated SkewTransform Example 24.103.22. The ScaleX and ScaleY properties of this ScaleTransform are each animated from 0 to 1 24.103.23. Path with ScaleTransformation