방법: 선 그리기

업데이트: 2007년 11월

이 예제에서는 Line 요소를 사용하여 선을 그리는 방법을 보여 줍니다.

선을 그리려면 Line 요소를 만들어야 합니다. 그런 다음 X1 및 Y1 속성을 사용하여 시작점을 설정하고 X2 및 Y2 속성을 사용하여 끝점을 설정합니다. 마지막으로, 스트로크가 없으면 선이 표시되지 않으므로 Stroke 및 StrokeThickness를 설정합니다.

선에는 내부 영역이 없기 때문에 선에 Fill 요소를 설정하는 것은 아무런 의미가 없습니다.

다음 예제는 Canvas 요소 안에 세 줄을 그립니다.

예제

<Canvas Height="300" Width="300">

  <!-- Draws a diagonal line from (10,10) to (50,50). -->
  <Line
    X1="10" Y1="10"
    X2="50" Y2="50"
    Stroke="Black"
    StrokeThickness="4" />

  <!-- Draws a diagonal line from (10,10) to (50,50)
       and moves it 100 pixels to the right. -->
  <Line
    X1="10" Y1="10"
    X2="50" Y2="50"
    StrokeThickness="4"
    Canvas.Left="100">
    <Line.Stroke>
      <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
        <RadialGradientBrush.GradientStops>
          <GradientStop Color="Red" Offset="0" />
          <GradientStop Color="Blue" Offset="0.25" />
        </RadialGradientBrush.GradientStops>
      </RadialGradientBrush>
    </Line.Stroke>
  </Line>

  <!-- Draws a horizontal line from (10,60) to (150,60). -->
  <Line
     X1="10" Y1="60"
     X2="150" Y2="60"
     Stroke="Black"
     StrokeThickness="4"/>

</Canvas>

이 예제는 보다 큰 샘플의 일부입니다. 전체 샘플은 Shape 요소 샘플을 참조하십시오.

참고 항목

작업

Shape 요소 샘플

참조

Line