.net - Canvas内だけにShapeを描画する方法

Question

次のように、 Canvas内に Shape があります。

<ScrollViewer>

    <Border Height="342" Width="470" HorizontalAlignment="Left" 
        VerticalAlignment="Top" BorderThickness="3" BorderBrush="Black">

        <Canvas Background="White">
            <Rectangle Width="200" Height="200" Canvas.Left="103" 
                Canvas.Top="186" Fill="Red" />
        </Canvas>

    </Border>

</ScrollViewer>

Rectangle が Canvas の子である場合でも、Canvas の制限の外側に描画され、Border の下部の境界が覆われます。四角形を Canvas の範囲内でのみ描画し、それを超える四角形の部分が表示されないようにするにはどうすればよいですか?

ありがとう。

Answer 1

これは、ClipToBoundsプロパティが作成されたものです。

<Canvas Background="White" ClipToBounds="True"> 
    <Rectangle Width="200" Height="200" Canvas.Left="103" Canvas.Top="186" Fill="Red" /> 
</Canvas>