首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Fabric.js 橡皮擦的用法(包含恢复功能)

本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的橡皮擦功能。...Fabric.js 的基础包并没有包含橡皮擦模块,如果你的项目需要使用橡皮擦,要使用定制版的 Fabric.js 。 本文需要有 Fabric.js 基础知识。...定制 Fabric.js 基础版的 Fabric.js 不包含橡皮擦功能,如果你的项目需要使用橡皮擦功能,需要到 FabricJS builder 里进行定制。...npm npm 上也有人打包了一份带橡皮擦功能的 Fabric.js 包。...代码仓库 ⭐Fabric.js 橡皮擦的用法 推荐阅读 文章 简介 《Fabric.js 基础画笔的用法 BaseBrush》 在阅读本文前我强烈建议你先了解一下基础画笔的用法,因为橡皮擦其实也是个画笔

2.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    鸿蒙开发实战案例:橡皮擦案例

    介绍本示例通过 @ohos.graphics.drawing 库和 blendMode颜色混合 实现了橡皮擦功能,能够根据手指移动轨迹擦除之前绘制的内容,并且可以进行图案的撤销和恢复。...效果图预览使用说明页面底部左侧展示涂鸦和橡皮擦按钮,点击可以切换选中状态和当前的绘制模式,右侧为线宽列表,点击可以修改绘制时的轨迹宽度。...在图片上触摸并拖动手指,可以绘制路径,涂鸦模式时绘制橙色线条,橡皮擦模式时擦除线条。...} }) }通过操作currentImageNode节点的属性pixelMapHistory和cacheStack中画布状态(pixelMap)的出入栈实现撤销和恢复功能...从历史记录栈pixelMapHistory中移除最近一次绘制的pixelMap,刷新currentImageNode节点实现撤销功能,移除的pixelMap放入缓存栈cacheStack中以备恢复时使用

    7110

    黑科技之神奇橡皮擦:实时视频降噪

    嗯,本着让用户看得更清楚,玩得更开心的原则,带来了音视频实验室的黑科技之神奇的橡皮擦——视频降噪。...的RGBA四个通道保存不同结果,来完成多个Shader保存的功能,类似于下图所示: ?...也是业界第一个高性能应用于实时视频降噪处理的功能。 以下为视频截图,可以看得更清楚对比结果: ? 第二个视频用截图为大家展示: ?...,但实测发现虽然确实有降噪功能,但画面细节也非常明显的模糊掉,这样比较就没有意义了。...算法设计从复杂实现,到算法优化,性能从复杂实现到并行优化技巧,完成一整套设计过程,实现高实用性的功能。目前已经在手Q730(IOS和Android)、天天P图5.3版本(IOS和Android)。

    17.8K132
    领券