位置: 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基础面试题选择题)

  • 笔记本外接显示器怎么合上笔记本(笔记本外接显示器)(笔记本外接显示器怎么设置主副屏)

    笔记本外接显示器怎么合上笔记本(笔记本外接显示器)(笔记本外接显示器怎么设置主副屏)

  • T3出行怎么删除行程记录(t3出行怎么删除发票记录)

    T3出行怎么删除行程记录(t3出行怎么删除发票记录)

  • 微云是什么(微云是什么 在哪里打开?)

    微云是什么(微云是什么 在哪里打开?)

  • 苹果7p电源ic坏了症状(苹果7p电源ic坏了)

    苹果7p电源ic坏了症状(苹果7p电源ic坏了)

  • 卡贴机信号差怎么解决(卡贴机信号很差)

    卡贴机信号差怎么解决(卡贴机信号很差)

  • 为什么快手号注销了还是能搜到(为什么快手号注销了想重登一个号登不上去)

    为什么快手号注销了还是能搜到(为什么快手号注销了想重登一个号登不上去)

  • iphone7p怎么录屏幕(iphone7p怎样录屏)

    iphone7p怎么录屏幕(iphone7p怎样录屏)

  • 天猫精灵网络连接不上(天猫精灵网络连接失败建议您根据手机提示帮我联网哦)

    天猫精灵网络连接不上(天猫精灵网络连接失败建议您根据手机提示帮我联网哦)

  • 剪映慢动作视频怎么制作(拍好的视频怎么制作慢动作特效)

    剪映慢动作视频怎么制作(拍好的视频怎么制作慢动作特效)

  • vivos5怎么截屏(vivos5怎样截屏)

    vivos5怎么截屏(vivos5怎样截屏)

  • 手机无法录音是怎么回事(手机无法录音是什么情况)

    手机无法录音是怎么回事(手机无法录音是什么情况)

  • 华为手机保养两次是什么意思(华为手机保养几次)

    华为手机保养两次是什么意思(华为手机保养几次)

  • 快手下载的视频在哪里(快手下载的视频如何去水印保存)

    快手下载的视频在哪里(快手下载的视频如何去水印保存)

  • airpods离开盒子能用么(airpods离开盒子怎么开机)

    airpods离开盒子能用么(airpods离开盒子怎么开机)

  • vivoy5s什么处理器(vivoy5s处理器好吗)

    vivoy5s什么处理器(vivoy5s处理器好吗)

  • 多媒体技术具有的特性(多媒体技术具有四个方面的特点)

    多媒体技术具有的特性(多媒体技术具有四个方面的特点)

  • 无线温控器干什么用的(无线温控器安装视频)

    无线温控器干什么用的(无线温控器安装视频)

  • 一加7T怎么开启蓝牙(一加7t怎么开启地震预警)

    一加7T怎么开启蓝牙(一加7t怎么开启地震预警)

  • iphone11pro怎么一键换机(苹果11pro如何?)

    iphone11pro怎么一键换机(苹果11pro如何?)

  • 探探怎样拉黑对方教程(探探怎么拉黑人)

    探探怎样拉黑对方教程(探探怎么拉黑人)

  • 手机怎么上传证件照片(手机怎么上传证件照)

    手机怎么上传证件照片(手机怎么上传证件照)

  • iqoo有红外吗(iqoo有没有红外线功能)

    iqoo有红外吗(iqoo有没有红外线功能)

  • 电话号码怎样存到卡里(电话号码怎样存入卡里)

    电话号码怎样存到卡里(电话号码怎样存入卡里)

  • 苹果双系统能不能升级win11 mac系统安装win11教程和系统下载(苹果双系统不小心删了苹果系统)

    苹果双系统能不能升级win11 mac系统安装win11教程和系统下载(苹果双系统不小心删了苹果系统)

  • Linux标准的文件系统知识分享(Ext2/Ext3/Ext4)(linux标准文件和链接文件)

    Linux标准的文件系统知识分享(Ext2/Ext3/Ext4)(linux标准文件和链接文件)

  • 增值税的账务处理办法
  • 增值税销项税的计税依据(销售额)包括()
  • 付钱给对方会计分录
  • 增值税多提了怎么处理
  • 支付外国公司费用要交税吗
  • 如何区分总额法和净额法
  • 代理服务费收取标准
  • 认缴出资股权转让的法律责任
  • 商业折扣的纳税影响
  • 汇票退回会计分录怎么写
  • 有限合伙企业中有限合伙人承担责任的方式为
  • 企业先租入再出租如何编制会计分录?
  • 安装过程中材料和工资
  • 应交税金在贷方怎么调
  • 固定资产的入账价值怎么计算
  • 不征税发票报税怎么报
  • 报废车辆补贴收据怎么写
  • 选育新品种植物应如何缴纳增值税?
  • 签订旅游合同的意义
  • 企业利润分配的原则
  • 库存退回
  • 建筑单位没有资质可以承包项目吗
  • 现金付款凭证是什么意思
  • cesium加载s3m
  • 增值税如何在报表里填写
  • 坏账损失属于或有事项吗
  • 实收资本增加印花税申报流程
  • php获取长度
  • php100 jquery教程
  • 申请一般人纳税需要什么东西
  • python如何运行
  • mysql数据表存储引擎
  • 收到金融服务费发票会计分录怎么写
  • 企业按季度交税
  • 怎么打印银行对账单
  • 利润表主营业务收入怎么算
  • 增值税进项发票如何做账
  • 母子公司往来款属于借款吗
  • 派出所报销项目有哪些
  • 长期待摊费用处置
  • 现金流量表补充资料怎么理解
  • 认缴投资额什么意思
  • 临建费用包含在哪里
  • 期末留抵税额可以冲减欠税吗
  • 会计年初如何轻松工作
  • win10系统优酷播放不了
  • xp恢复回收站删除文件
  • Vista 优化预读文件设置,提速开关机速度
  • 应用程序发生异常如何解决
  • linux 命令提示
  • 在unix系统中采用的页面置换
  • win8无线网络连接不上
  • linux查看可执行命令
  • linux 修复系统
  • win1020h2正式版
  • gws.exe是啥
  • win10系统创建一个快捷bat
  • win7系统教程
  • win8声音小怎么解决
  • windows10 预览
  • cocos2d-x教程
  • js domcontentloaded
  • 简单谈谈对中国电信的认识
  • python tcp socket
  • jquery延时器
  • jquery 滑块
  • 关于ie浏览器下面说法正确的是
  • js的settimeout方法
  • jQuery使用$.ajax进行即时验证实例详解
  • android binary xml
  • javascript内置对象window
  • html读书笔记
  • jquery不生效的原因
  • 税务文书送达回证模板
  • 赣州市民中心上班时间电话号码
  • 一般纳税人的进项票必须当月认证吗?
  • 拆迁补偿的房子是什么性质
  • 一般纳税人做账收费标准
  • 北京企业所得税汇算清缴时间
  • 2021年十大慈善企业
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设