您现在的位置是：首页 >技术杂谈 >开源图片编辑器，一键嵌入任意项目网站首页技术杂谈

开源、存粹前端代码、文件体积小、素材本地存储、任意嵌入、最适合便捷开发，拿去演示和给领导讲故事

主要特点

• 开源免费：基于开源模式开发，用户无需支付费用就能使用，并且可以根据自身需求对其进行调整和定制，在使用和传播上没有过多限制。
• 轻松嵌入：能够便捷地嵌入到其他项目中。整个嵌入过程相对简单，经过基本的配置后就能快速投入使用，不会给项目带来过多的负担。
• 本地存储优势：所有的文件素材都支持存储在浏览器数据库中。这样一来，在使用过程中就无需依赖额外的服务器资源，也能在一定程度上降低使用成本。

适用场景

如果你在项目开发过程中需要一个图片编辑器，或者是想要在向领导进行项目演示、讲解方案时，有一个好用的工具辅助说明，那么这款图片编辑器是一个不错的选择。

GIT地址

https://gitee.com/wugemianfei/freeeditor2d-dist.git

演示地址

千千工具箱-图片编辑器

示例展示

运行方式

• web 服务器部署：把相应的文件夹放置到 web 服务器中就能正常运行。
• 借助 VS Code 的 Live Server 测试：将文件夹导入到 VS Code 中，然后在 editor2d 文件夹下找到 index.html 文件，右键点击该文件，选择 “open with live server” 选项即可开始测试运行。
• 

二次开发说明

如果需要对编辑器进行二次修改，相关的接口文件存放在 editor2d 文件夹下的 api 文件夹中。目前这些接口是通过 json 文件进行模拟的，你可以将其替换为自己的接口地址，只要保证返回值的结构与原 json 文件一致就可以。

vue 源码在整理完成后会发布。