我的开源项目与开源经历分享-Toy模板网

这篇具有很好参考价值的文章主要介绍了我的开源项目与开源经历分享。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

大家好，我是一位93年的前端开发者，最近开源了一款基于Fabric.js + Vue3 开发的Web图形编辑器，它是一个可以自定义设计模板、设计素材，让开发者快捷的开发出一个图片编辑应用，类似稿定设计、创客贴设计这样的工具。

这篇笔记的两个目的：

介绍开源项目，如果有类似场景大家可直接使用，不再重复开发。
分享开源经历，鼓励和邀请对开源感兴趣的伙伴一起参与进来。

项目介绍

Github：https://github.com/nihaojob/vue-fabric-editor
预览：https://nihaojob.github.io/vue-fabric-editor/

技术选型：

项目以Fabric.js 为底层，使用Vue3框架和精致的View UI Plus组件库构建。
Fabric.js 是业界知名的Canvas工具库，它已经12岁了，在业界得到了广泛的应用和认可；Vue提供更友好的入门曲线，尤其在国内应用更广；希望借助这些优秀的开源项目，构建底层强大、上手容易、便捷扩展、开箱即用的开源图像编辑器产品。

应用场景

它适用于**海报设计、封面设计、T恤设计、奖状/工卡设计、电子价签设计、印章设计、手机壁纸、PPT设计等场景，**还有更复杂的工业软件场景，如机房拓扑拓展、设备巡检图等。

产品特点

开源前做了一些调研，已经有一些比较专业的开源编辑器项目，比如知名的SVGEdit项目，它们很强大，类似在线版本的PS，提供给更专业的设计师使用；vue-fabric-editor的产品定位是给非专业设计人员使用，例如让没有设计技能的运营同学在模板上简单修改，生成一张在公众号中使用的头图。

支持功能

支持导入导出JSON源文件，导出常见的图片PNG、SVG格式。
可自定义设计模板、字体样式模板、自定义分类素材。
元素支持拖拽、组合、层级管理、多种对齐操作。
图片素材支持插入、替换、滤镜、裁剪。
支持形状素材、线条绘制，渐变、边框、透明度、阴影设置。
画布可自定义尺寸、放大缩小、辅助线、标尺功能。
快捷键、右键菜单快捷操作设置。

以上就是项目的介绍了，总结一下，它是一个基于Fabric + Vue3开发的一款开源Web图片编辑器，二次开发简单、扩展便捷、可帮助开发者快速构建一个面向非专业设计人员的图形编辑器。

开源经历

关于我

我曾就职于优信二手车，参与过低代码平台的开发，现在一家互联网保险公司工作，参与音视频营销工具、外呼系统的开发，都属于复杂度比较高的前端项目，一直对架构和开源比较感兴趣，也在学习和积累设计模式、架构设计、开源相关的经验。

作为一位已经30岁的开发者，一直对开源有着强烈的兴趣，但是从未参与过，于是在好奇心的驱动下发起了这个开源项目。