본문 바로가기

.NET/WPF 2D

WPF 2D 그리기 Canvas, Line, Canvas.RenderTransform, ScaleTransform, TranslateTransform

반응형


<Grid>     <Canvas Height="300" Width="300"  > <Line X1="0"  Y1="0" X2="100" Y2="100" Stroke="Black" StrokeThickness="10"></Line>     </Canvas> </Grid>



RenderTransform : 렌더링위치에 변환정보


ScaleTransform : 2차원 x-y의 개체 비율 조정


TranslateTransform : 2차원 x-y의 개체 위치 조정



<Border BorderBrush="Black" BorderThickness="2" Margin="5"> <Canvas Height="200" Width="200" > <Canvas.RenderTransform > <TransformGroup> <ScaleTransform ScaleY="-1" ></ScaleTransform> <TranslateTransform Y="200" ></TranslateTransform> </TransformGroup> </Canvas.RenderTransform> <Line X1="0" Y1="0" X2="100" Y2="100" Stroke="Black" StrokeThickness="2" ></Line> <Button Canvas.Top="50" Canvas.Left="80" FontSize="15" Foreground="Red" Content="My Button 나의 버튼 "></Button> <TextBlock Text="나의 텍스트 박스" FontWeight="Bold" > <TextBlock.RenderTransform> <ScaleTransform ScaleY="-1"></ScaleTransform> </TextBlock.RenderTransform> </TextBlock> </Canvas> </Border>








reference : Practical WPF Graphics Programming