c# - 在图像上绘制叠加层

Question

我有一个用户可以缩放/滚动的图像。我想在不同的图层上画一些矩形/圆圈(例如:为图片中识别出的每个人的脸画一个圆圈)。

矩形位置是相对于图像的。

如何创建这样的叠加层？

Answer 1

一种简单的方法是只使用 Canvas 并将 Canvas 的背景属性设置为您的照片，然后将您的圆圈或矩形放在上面并使用 Canvas.Left 和 .Top 属性定位它们。

    <Canvas x:Name="myCanvas">
        <Canvas.Background>
            <ImageBrush ImageSource="c:\photo.bmp"/>
        </Canvas.Background>
        <Image Canvas.Top="20" Canvas.Left="20" Height="20" Width="20" Source="c:\circle.bmp"/>
    </Canvas>