上周产品提了个需求，要在审核页面增加去水印的功能，趁着周末思考了下🤔，结合网上一些资料，尝试实现了下。实现的基本思路是：将图片绘制到canvas画布上，然后通过鼠标移动形成一个矩形区域，然后在矩形区域中填充马赛克。 这里我的想法是将图片放在一个容器中(editor)，在容器中…

在我开发我的个人开源项目region-screenshot-js，需要加一个图片马赛克绘制功能，在这里分享实现方式，希望对大家所有启发。

简介 <canvas> 是 HTML5 新出的一个元素用于图形的绘制，但是 <canvas> 只是图形的容器，所有的绘制工作需要在 JavaScript 内部完成。浏览器 IE8 及以下不支持.

最近由于公司业务需要，原本使用第三方的互动白板功能，准备自行实现。一方面为了节省开支，另一方面自行实现定制化也更强一些，能够和现有业务更好的结合，用以满足第三方互动白板无法实现的一些功能。

这篇文章主要是教你怎么在画布上基于fabric去实现一个图片裁剪的功能，分别讲述了 clip 和 crop 两种方式

fabric.js 是一个独立的 Canvas 库，可以在各大热门框架中使用。本文基于 Vue3 + Fabric.js 技术栈实现一个简易画板。

近期在学习 Fabric.js，Fabric.js 的官网文档可谓是一言难尽。没有中文翻译只能算最小的问题，代码举例少的可怜，文档结构十分不友好，搜索功能也不尽人意，很难让人有看下去的耐心。

yft-design是一款美观且功能强大的在线设计工具，具备海报设计和图片编辑功能。适用于多种场景，如海报、电商产品图、文章长图，支持导入psd，pdf, svg，导出image，svg，pdf

项目背景： 实现一款图像编辑器，功能包括裁剪、亮度调整、马赛克、扎点、方向选择（由于这部分和业务强相关不做介绍）、撤销重做、图片保存。