位置: IT常识 - 正文

我的开源项目与开源经历分享(开源项目有什么用)

编辑:rootadmin
我的开源项目与开源经历分享

推荐整理分享我的开源项目与开源经历分享(开源项目有什么用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:开源项目一般分为什么和什么,开源项目及作品,开源的项目是什么意思,开源项目在哪里找,开源项目及作品,我的开源项目与什么有关,我的开源项目与其他不符,我的开源项目与什么有关,内容如对您有帮助,希望把文章链接给更多的朋友!

大家好,我是一位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岁的开发者,一直对开源有着强烈的兴趣,但是从未参与过,于是在好奇心的驱动下发起了这个开源项目。

项目经历

最初,我帮朋友实现了一个基于Fabric.js开发的图片生成工具,后面将核心功能抽离并开源到了Github上,投稿到了阮一峰老师的博客,获得了一些关注。

Fabric.js的底层能力非常强大,接口也很灵活,我最初以为只需要简单的API调用就可以实现一个图片编辑器,事实上我高估了自己的学习能力,也低估了Fabric.js的强大和灵活。

很多开发者反馈Fabric.js 的文档不太友好,太过强大和灵活也有一个弊端,那就是细节太多,要实现一个基础功能完整、功能丰富的图编辑器应用并不轻松,要掌握很多的细节,做很多基础的封装工作。

我将开发过程发布到了技术社区,结识了很多Fabric.js的开发者。

《使用fabric.js 快速开发一个图片编辑器》《fabric.js开发图片编辑器的细节实现》《fabric.js开发图片编辑器可以实现哪些功能?》

短短几个月的时间,项目**在Github上已经从0涨到1K+ Star,**开源给我带来了新奇的体验。

沉淀

在和众多的开发者交流后,发现大家都在做同一件事情,重复的开发;大家更期望在不做太多基础工作的情况下,快速构建一个功能完整、易于扩展的图片编辑应用。

目前的项目还只是一个前端应用项目,希望未来和社区一起沉淀一个介于Web图片编辑器应用与Fabric.js底层库之间的封装层,面向应用开发者设计,提供更简单的接口,让开发者可以通过开源SDK,快速构建图片编辑器应用。

邀请

开源是很有魅力一件事情,我在Github上结识了很多志同道合的贡献者,他们是一个个富有热情且有执行力的有趣灵魂,是他们在深夜付出自己的时间与热爱为项目贡献代码,让不相识的后来人受益,让项目越来越好,我也从一个开源门外汉,和大家一起成为了开源贡献者。

这是一个很新的项目和社区,有太多的工作需要做,如果你对这件事情感兴趣,真诚的邀请你加入,希望我们一起边走边学,在未来一起成为开源世界里的一部分,期待你的加入。

本文链接地址:https://www.jiuchutong.com/zhishi/296016.html 转载请保留说明!

上一篇:VUE-鼠标悬浮到目标区域变成小手模样(vue 浮动窗口)

下一篇:Java基础面试题突击系列5(java基础面试题选择题)

  • 教大家如何推广自己的网店(教大家如何推广产品)

    教大家如何推广自己的网店(教大家如何推广产品)

  • ipad可以给iphone充电吗(ipad可以给iphone发信息吗)

    ipad可以给iphone充电吗(ipad可以给iphone发信息吗)

  • 苹果组件怎么添加(苹果组件怎么添加倒数日)

    苹果组件怎么添加(苹果组件怎么添加倒数日)

  • 怎么下载铃声到手机上(怎么下载铃声到华为手机上)

    怎么下载铃声到手机上(怎么下载铃声到华为手机上)

  • 小米10后盖碎了(小米10后盖碎了多少钱维修)

    小米10后盖碎了(小米10后盖碎了多少钱维修)

  • 拼多多三级惩罚是多久(拼多多三级惩罚多长时间解除)

    拼多多三级惩罚是多久(拼多多三级惩罚多长时间解除)

  • 快手怎么看别人在线状态(快手怎么看别人的点赞)

    快手怎么看别人在线状态(快手怎么看别人的点赞)

  • 微视怎么上传3分钟视频(微视怎么上传视频)

    微视怎么上传3分钟视频(微视怎么上传视频)

  • 微信群主自己退群了其他人怎么办(微信群主自己退群,群还存在吗)

    微信群主自己退群了其他人怎么办(微信群主自己退群,群还存在吗)

  • 无线充电频繁拿起伤电池吗(无线充电一直充电伤手机么)

    无线充电频繁拿起伤电池吗(无线充电一直充电伤手机么)

  • windows关闭当前窗口快捷键是什么(windows关闭当前应用程序)

    windows关闭当前窗口快捷键是什么(windows关闭当前应用程序)

  • 通过手机号码可以查到对方的位置吗(通过手机号码可以定位手机位置吗)

    通过手机号码可以查到对方的位置吗(通过手机号码可以定位手机位置吗)

  • 手机装了内存卡怎么装两个手机卡(手机装了内存卡怎么看内存)

    手机装了内存卡怎么装两个手机卡(手机装了内存卡怎么看内存)

  • soul我的遇见在哪里看(soul我的遇见自动续费怎么关闭)

    soul我的遇见在哪里看(soul我的遇见自动续费怎么关闭)

  • vivox27手机128g和256g区别(vivox27和x278g+128g有什么区别)

    vivox27手机128g和256g区别(vivox27和x278g+128g有什么区别)

  • 淘宝点赞记录在哪(淘宝点赞过的在哪里找)

    淘宝点赞记录在哪(淘宝点赞过的在哪里找)

  • 抖音怎么查找qq好友(抖音怎么查找全部搜索记录)

    抖音怎么查找qq好友(抖音怎么查找全部搜索记录)

  • iphone备忘录改名称(ios备忘录改名)

    iphone备忘录改名称(ios备忘录改名)

  • 华为摄像头可以伸缩的是哪款手机(华为摄像头可以录音吗)

    华为摄像头可以伸缩的是哪款手机(华为摄像头可以录音吗)

  • 抖音模糊镜头怎么拍的(抖音模糊镜头怎么调)

    抖音模糊镜头怎么拍的(抖音模糊镜头怎么调)

  • 拼多多星星怎么得(拼多多星星怎么升)

    拼多多星星怎么得(拼多多星星怎么升)

  • 苹果支付记录在哪里查(iphone支付记录)

    苹果支付记录在哪里查(iphone支付记录)

  • 发抖音为什么总在审核(发抖音为什么总写到评论里)

    发抖音为什么总在审核(发抖音为什么总写到评论里)

  • 怎么自定义siri的回复(怎么自定义siri的回复内容)

    怎么自定义siri的回复(怎么自定义siri的回复内容)

  • windows下刷新主板bios图文教程(windows刷新桌面)

    windows下刷新主板bios图文教程(windows刷新桌面)

  • Python导入模块的搜索顺序(python导入模块的本质)

    Python导入模块的搜索顺序(python导入模块的本质)

  • 居民个人的综合所得
  • 房产税如何申报流程
  • 普票和增值税发票的区别
  • 等线支付给劳务派遣单位的工资怎么做账
  • 购买车辆交纳的费用
  • 商贸企业增加值
  • 建筑业适用什么行业
  • 拍卖公司都要交前期费用吗?
  • 不进行工商登记会怎样
  • 外商独资企业在分配利润时是否扣缴个税
  • 建筑面积包括分摊建筑面积吗
  • 外出参加会议费用怎么算
  • 花卉租赁发票税率是多少
  • 税务局即征即退自查报告
  • 在建工程需要交哪些税
  • 收派服务发票需交税吗
  • 一般纳税人税控盘维护费会计分录
  • 娱乐行业缴税
  • 企业停产没有收入,费用可以计入长期待摊费用吗
  • win7系统中英文切换快捷键
  • 应收账款零头会计处理
  • 费用发票可以抵扣吗
  • 收到服务费发票可以计入什么科目
  • PHP:spl_autoload()的用法_spl函数
  • 费用分摊的分录
  • neo什么意思翻译成中文
  • 个人投资所得税率是多少
  • php常用数组函数和用法
  • fall 瀑布
  • 蓝桥杯大赛官网试题
  • el-upload上传文件携带参数
  • vue3安装配置
  • 【手撕Transformer】Transformer输入输出细节以及代码实现(pytorch)
  • unzip解压命令参数
  • apk文件包下载
  • acpi disabled
  • 2022年如何在股室工作中落实党风见证
  • 二氧化剂的使用方法
  • 帝国cms移动端
  • 应收账款和应付账款属于什么科目
  • 计提加计抵减额在财务报表里哪里体现
  • 机械租赁开票内容
  • 企业之间交换房地产要交土地增值税吗
  • 纳税人防伪税控设备未抄报怎么办
  • 成本法下被投资单位其他综合收益变动
  • 进项税额转出结转还是红冲
  • 公司社保外包了,没给我社保卡怎么办?
  • 政府给企业的奖励能给个人吗
  • 出口退税暂不抵税怎么办
  • 收到所得税退税的账务处理
  • 工程开票金额大写怎么写
  • 借款和工程款可以分开吗
  • 收到的劳务发票怎么做账
  • 企业以前年度亏损未弥补完
  • 总账建账要建全部科目吗
  • mysql 复制表结构并把满足条件的数据添加到新表
  • mysql配置文件my.ini
  • android x86 4.0 iso
  • mac入门视频教程
  • win1020h2版本千万别更新
  • os x10.8.5
  • win8软件不兼容怎么办
  • windows错误1058
  • opengl粒子系统烟花
  • opengl控件库
  • linux怎样过滤一个关键字
  • div 绝对位置
  • prototype用法
  • android-3
  • unity游戏官网
  • unityplayer安卓
  • 防止sql注入php
  • 安卓手机管家推荐
  • JavaScript italics方法入门实例(把字符串显示为斜体)
  • js无限极分类
  • 国家电子税务局江苏省电子税务局
  • 威海行风热线实时收听
  • 湖南地税局客服电话号码
  • 专用发票章盖在哪里
  • 内蒙民生认证系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设