Origin in center. Y increases going down : Line « Windows Presentation Foundation « C# / CSharp Tutorial






<Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid.Resources>
        <Style TargetType="{x:Type Canvas}">
            <Setter Property="Width" Value="100" />
            <Setter Property="Height" Value="100" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="VerticalAlignment" Value="Center" />
        </Style>

        <Style TargetType="{x:Type Path}">
            <Setter Property="Fill" Value="Red" />
            <Setter Property="Data">
                <Setter.Value>
                    <EllipseGeometry Center="0 0" RadiusX="5" RadiusY="5" />
                </Setter.Value>
            </Setter>
        </Style>
    </Grid.Resources>


    <Canvas Grid.Column="2">
        <Canvas.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleY="1" />
                <TranslateTransform X="50" Y="50" />
            </TransformGroup>
        </Canvas.RenderTransform>

        <Line X1="0" Y1="0" X2="50" Y2="50" Stroke="Black" />
        <Polyline Points="-50 -50 50 -50 50 50 -50 50 -50 -50" Stroke="Blue" />
        <Path />
    </Canvas>

</Grid>
WPF Origin In Center Y Increases Going Down








24.84.Line
24.84.1.Create a line with point valueCreate a line with point value
24.84.2.Set Top and left dimension based on its containerSet Top and left dimension based on its container
24.84.3.Origin in center. Y increases going downOrigin in center. Y increases going down
24.84.4.Draws a line from (10,10) to (50,50)Draws a line from (10,10) to (50,50)
24.84.5.Draws a diagonal line from (10,10) to (50,50) and moves it 100 pixels to the rightDraws a diagonal line from (10,10) to (50,50) and moves it 100 pixels to the right
24.84.6.Draw a GridDraw a Grid
24.84.7.Creating LinesCreating Lines