首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >UWP(通用Windows平台)中图像的橡皮擦功能

UWP(通用Windows平台)中图像的橡皮擦功能
EN

Stack Overflow用户
提问于 2022-07-23 07:33:38
回答 1查看 45关注 0票数 1

我想实现一种功能,用户可以在鼠标/光标移动时擦除图像。当用户将光标移动到图像上时,图像的这些部分应该被擦除。实现相同功能的引用吗?样品溶胶非常感谢。

EN

回答 1

Stack Overflow用户

发布于 2022-07-25 02:34:03

我想实现一个功能,用户可以在鼠标/光标移动时擦除图像。

对于UWP InkCanvas控件来说,这可能是一种简单的方法,您可以将图像控件放在InkCanvas下,并将InkCanvas默认DrawingAttributes设置为白色。

xaml

代码语言:javascript
运行
复制
<Grid x:Name="RootGrid">
    <Image x:Name="ImageRender" Source="Assets/Butterfly.png" />
    <InkCanvas x:Name="inkCanvas" Loaded="inkCanvas_Loaded" />
</Grid>

代码在中的应用

代码语言:javascript
运行
复制
public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
        inkCanvas.InkPresenter.InputDeviceTypes =
        Windows.UI.Core.CoreInputDeviceTypes.Mouse |
        Windows.UI.Core.CoreInputDeviceTypes.Pen;
    }

    private void inkCanvas_Loaded(object sender, RoutedEventArgs e)
    {
        InkDrawingAttributes attributes = new InkDrawingAttributes();
        attributes.PenTip = PenTipShape.Rectangle;
        attributes.Size = new Size(10, 10);
        attributes.Color = Colors.White;
        inkCanvas.InkPresenter.UpdateDefaultDrawingAttributes(attributes);         
    }
}

如果要保存已编辑的图像,请调用RenderTargetBitmap RenderAsync方法将当前根网格呈现为图像。有关更多细节,请参阅本例中的reply

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73088882

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档