[C#/SILVERLIGHT] RadialGradientBrush 클래스 : GradientOrigin 속성 사용하기

■ RadialGradientBrush 클래스의 GradientOrigin 속성을 사용하는 방법을 보여준다.

▶ GradientOrigin=”0.25 0.25″ (XAML)


<Ellipse
    Width="150"
    Height="150"
    StrokeThickness="2"
    Stroke="Black">
    <Ellipse.Fill>
        <RadialGradientBrush
            RadiusX="0.5"
            RadiusY="0.5"
            Center="0.5 0.5"
            GradientOrigin="0.25 0.25">
            <GradientStop Offset="0" Color="White" />
            <GradientStop Offset="1" Color="Gray"  />
        </RadialGradientBrush>
    </Ellipse.Fill>
</Ellipse>

<Ellipse

Width="150"

Height="150"

StrokeThickness="2"

Stroke="Black">

<Ellipse.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.5 0.5"

GradientOrigin="0.25 0.25">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

▶ GradientOrigin=”0.75 0.25″ (XAML)


<Ellipse
    Width="150"
    Height="150"
    StrokeThickness="2"
    Stroke="Black">
    <Ellipse.Fill>
        <RadialGradientBrush
            RadiusX="0.5"
            RadiusY="0.5"
            Center="0.5 0.5"
            GradientOrigin="0.75 0.25">
            <GradientStop Offset="0" Color="White" />
            <GradientStop Offset="1" Color="Gray"  />
        </RadialGradientBrush>
    </Ellipse.Fill>
</Ellipse>

<Ellipse

Width="150"

Height="150"

StrokeThickness="2"

Stroke="Black">

<Ellipse.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.5 0.5"

GradientOrigin="0.75 0.25">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

▶ GradientOrigin=”0.25 0.75″ (XAML)


<Ellipse
    Margin="10"
    Width="150"
    Height="150"
    StrokeThickness="2"
    Stroke="Black">
    <Ellipse.Fill>
        <RadialGradientBrush
            RadiusX="0.5"
            RadiusY="0.5"
            Center="0.5 0.5"
            GradientOrigin="0.25 0.75">
            <GradientStop Offset="0" Color="White" />
            <GradientStop Offset="1" Color="Gray"  />
        </RadialGradientBrush>
    </Ellipse.Fill>
</Ellipse>

<Ellipse

Margin="10"

Width="150"

Height="150"

StrokeThickness="2"

Stroke="Black">

<Ellipse.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.5 0.5"

GradientOrigin="0.25 0.75">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

▶ GradientOrigin=”0.75 0.75″ (XAML)


<Ellipse
    Margin="10"
    Width="150"
    Height="150"
    StrokeThickness="2"
    Stroke="Black">
    <Ellipse.Fill>
        <RadialGradientBrush
            RadiusX="0.5"
            RadiusY="0.5"
            Center="0.5 0.5"
            GradientOrigin="0.75 0.75">
            <GradientStop Offset="0" Color="White" />
            <GradientStop Offset="1" Color="Gray"  />
        </RadialGradientBrush>
    </Ellipse.Fill>
</Ellipse>

<Ellipse

Margin="10"

Width="150"

Height="150"

StrokeThickness="2"

Stroke="Black">

<Ellipse.Fill>

<RadialGradientBrush

RadiusX="0.5"

RadiusY="0.5"

Center="0.5 0.5"

GradientOrigin="0.75 0.75">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>