通过RenderTransform定位UIElements是一种好习惯

Question

在我的WPF应用程序中，我有一个像缩放框一样的控件。您可以缩放和拖动其内容。在我的例子中，这个内容是一个包含图像和一些UserControls的网格。必须将这些UserControl定位在图像的顶部以突出显示该图像的某些部分。

以下是一个示例（这不是实际用例）：

我的问题是，我应该如何定位这些红色矩形（这里有什么更好的做法）？

1. 用画布替换网格并使用Canvas.SetLeft resp。 Canvas.SetTop？

或

1. 通过操纵那些矩形的RenderTransform？

注意：矩形是交互式的（它们必须与鼠标交互，可能还有其他一些输入设备）。