概览
LeaferJS 是一款好用的 Canvas 引擎,革新的开发体验,可用于高效绘图 、UI 交互(小游戏、互动应用、组态)、图形编辑。
提供了丰富的 UI 绘图元素,和开箱即用的功能,如自动布局、图形编辑、SVG 导出等,方便与 PS、 Figma、Sketch 等产品进行对接。并为跨平台开发提供了统一的交互事件,如拖拽、旋转、缩放手势等。
如果你觉得不错,请帮我们点个 Star 🌟 ,让这个库被更多的人看见 ✨ ✨ ✨
快速入门
可通过 Cloud Studio 模版创建一个 LeaferJS 项目,用于运行、练习后续的示例代码。
跟随官网教程步骤(文档底部有下一步引导按钮)从浅到深的学习,动手调试每一段示例代码。
快速安装
🚀 想马上在产品中使用,请安装 leafer-ui (60KB min+gzip),开始你的探索之旅。
场景集成包
高效绘图场景,推荐直接安装更轻量的 leafer-draw (50KB min+gzip)。
游戏开发场景,推荐直接安装更省心的 leafer-game,已集成了游戏相关插件。
图形编辑场景,推荐直接安装更省心的 leafer-editor,已集成了图形编辑器相关插件。
社区提问指南
⏰ 每周 4 天工作制
LeaferJS 试行 4 天工作制(周一、二、四、五),寻求支持请留意时间,感谢你的支持与理解。
一. 反馈 Bug 与建议
发现 Bug 或有改进建议?欢迎在 GitHub 上 提交 issue,你的贡献能让 LeaferJS 变得更强大!
提交模版
【Bug/建议】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx
环境:电脑 + window 11 + chrome 131 + leaferjs 1.4.0
复现步骤:请提供详细的复现逻辑及可直接运行的代码,以便更快解决问题。
二. 求助使用问题?
使用过程中遇到不懂的问题或缺失功能?我们提供了多种求助渠道,同时也招募社区管理员参与。
1. 社区支持(推荐)
为让更多的人可以参与解答,同时让搜索引擎收录问题(避免重复劳动),请公开求助你的问题。
提交模版
【leaferjs】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx
环境:电脑 + window 11 + chrome 131 + leaferjs 1.4.0
#LeaferJS (点击知乎提问框底部的 # 号,可绑定话题)
我和社区管理员们会安排固定的时间查看、回复大家的问题,也可将链接转发到 LeaferJS 技术交流群 里。多次有效回答问题即视为有意愿成为 LeaferJS 社区管理员,可 联系我们 进管理群。
2. 官方支持
由于资源有限,我们优先为 金牌以上赞助用户 和社区管理员提供支持(如优先修复 Bug、补充缺失功能)。随着资源增加,我们将招募更多专业人员,并开发系统化的 LeaferJS 场景教程。
3. 询问 AI (即将上线)
我们计划训练、对接外部 AI 助手,预计 未来几个月内 上线,可自动解答 LeaferJS 相关问题。
三、技术交流
欢迎加入 LeaferJS 技术交流群,与社区开发者交流、分享经验、改进产品。
偶尔还有 福利活动,不容错过!
增强 LeaferJS
我们期待社区里出现这些开源技术:
- 与 AI 结合
- 图形编辑库
- 富文本编辑库
- 动画特效库
- Vue、React 组件
- 各类 UI 框架
- 你能想到的...
让你的创意能够以更快的速度构建成产品。
扩展周边
我们还期待出现这样的开源技术:
可以实时多人在线存储、读取单个百万级图形数据的文件存储格式。
满足本地优先、占用空间小、速度快、版本控制、可快速复制的特点。
可以实时多人在线传输大量图形数据的通信系统。
满足本地优先、传输数据小、传输速度快、稳定的特点。
让图形渲染引擎的上下游在应对大量图形的时候都能够畅通无阻。
开发理念
用简单、正确的方法做正确的事情。
在满足通用需求、可维护性的前提下,追求极致的性能、极低的内存占用、极少的代码量。
🥥 寻找一颗好种子
去做当前生态发展需要,用户还没有被满足(痛点),正好也是你所擅长、感兴趣的事情。
🌱 让种子发芽、扎根生长
不断从用户现在就需要的点上切入,创新性的解决问题,先做完再做好。
🌴 阳光、雨露、时间
持续成长的关键因素往往是简单的,抓住它们,日复一日的坚持执行,时间自会给你答案。
使命与愿景
LeaferJS 致力于实现一套简洁、开放、现代化的 UI 绘图语言标准,表现力丰富,便于 AI 理解,人类可视化使用,并为数字化产品开发提供跨平台、轻量化、高性能的运行时。
让不同的软件之间能够沟通、协作、共享绘图数据,让数字化产品开发可以更快、更简单。
通过不断革新的图形渲染技术、配套支持, 吸引更多的开发者加入使用,建立起一个开放的生态环境,沟通有无,互相从中受益,推动行业的快速发展,并诞生出更多有创意的技术和产品。
我们的目标不仅是让它成为前沿的 2D 和未来的 3D 引擎技术,还希望它能够为开发者带来极致的开发体验,助力开发者快速构建 AI 时代的网页、应用、设计、游戏和动画等可视化生产力工具(如下一代 local-first 的 Figma、Miro、Notion、Unity、Adobe、Canva、Webflow 等)。
这是一段漫长而又充满乐趣的旅程,我们正在年复一年、坚定地向这个目标持续前进,可以通过 开发计划 了解更多信息。
卓越文化
我们追求慢慢打造出这样的团队与社区氛围:
真诚坚韧、追求卓越、热爱生活、与众不同、倾听、互帮互助、懂得取舍、不怕失败、结果导向
我们相信当一个人身心强健,对这个世界充满无限好奇的时候,会产生出源源不断的生命力和创造力,所以我们鼓励追求卓越与热爱生活,也许我们会因为健身、美食、旅行、摄影、音乐、写作、绘画、舞蹈、游戏等热爱而了解彼此,也许我们还会有自己的乐队、画展、读书会...
我们要一起去攀登一座座别人从未到达过的高峰,同时我们也了解自己的能力边界,将聪明才智都聚焦到我们最感兴趣,也对用户最有价值的那个点上,在那里做出前人未曾做过的东西。
我们知道成功并非一蹴而就,所以我们接纳路途中的失败、偶尔的躺平,只要拥有坚韧的气质和永不放弃的精神,从失败中吸取教训,不断成长,积累一个个小小的胜利,就一定会抵达目的地。
希望我们能一起创办出 一家像胖东来一样的新型互联网企业和社区, 如果你喜欢这样的文化,欢迎阅读 贡献指南,可以一起参与进来。