不透明蒙版的动态绘制

Question

我有两张背景图片，一张是模糊的，另一张是相同的图片，但色彩更丰富。 默认背景图像是模糊的。 当我移动光标时，我想将背景图像从模糊更改为彩色， 但仅限于光标周围的圆圈内， 当我向前移动光标时，更改后的背景保留在光标周围的圆圈之前所在的位置。 （就像用硬币刮彩票一样） 我想我必须处理 MouseMove 事件，并使用 MouseEventArgs 光标位置， 但我无法通过，我真的需要帮助！ 提前致谢！

Answer 1

您可能想尝试遵循以下路径：

1. 向页面添加 Canvas，其大小与两个图像相同

2. 创建椭圆形状的剪切路径（）并将其放置在图像之外，在画布中

3. 将首先在画布上放置“模糊图像”（如下），然后放置“清晰图像”，填充整个画布。

4. 让椭圆成为“清晰图像”的剪贴蒙版（使用Image.Clip或YourUIElement.Clip（参考MSDN)

5. 用鼠标光标移动椭圆。代码可能如下所示（注意：我没有测试代码）：

-

imageCanvas.MouseMove += imageCanvas_MouseMove;

private void imageCanvas_MouseMove(object sender, MouseEventArgs e)
{
    Point mousePosition = e.GetPosition();
    Canvas.SetTop(myEllipse, mousePosition.Y - myEllipse.ActualHeight / 2);
    Canvas.SetLeft(myEllipse, mousePosition.X - myEllipse.ActualWidth / 2);
}

如果这有效，您可以增加视觉设计，在 MouseEnter/MouseLeave 等上添加动画。