У меня есть форма внутрихолст, как это:

<code><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>
</code>

Даже если Rectangle является дочерним элементом Canvas, он рисуется за пределами Canvas, закрывая нижнюю границу Border. Как я могу сделать так, чтобы прямоугольник рисовался только внутри границ холста, гарантируя, что та часть прямоугольника, которая находится за его пределами, не отображается?

Благодарю.