Skip to content

概览

LeaferJS 是一款好用的 Canvas 引擎,革新的开发体验,可用于高效绘图 、UI 交互(小游戏、互动应用、组态)、图形编辑。

leaferjs

提供了丰富的 UI 绘图元素,和开箱即用的功能,如自动布局、图形编辑、SVG 导出等,方便与 PS、 Figma、Sketch 等产品进行对接。并为跨平台开发提供了统一的交互事件,如拖拽、旋转、缩放手势等。

📗 图文并茂、由浅入深的了解 LeaferJS

📙 全新动画、状态、过渡、游戏功能

📘 绝境中盛开,LeaferJS 的创业故事

如果你觉得不错,请帮我们点个 Star 🌟 ,让这个库被更多的人看见 ✨ ✨ ✨

快速入门

1. 准备在线 Playground 环境

可通过 Cloud Studio 模版创建一个 LeaferJS 项目,用于运行、练习后续的示例代码。

2. 学习 LeaferJS 快速入门教程

跟随官网教程步骤(文档底部有下一步引导按钮)从浅到深的学习,动手调试每一段示例代码。

快速安装

🚀 想马上在产品中使用,请安装 leafer-ui (60KB min+gzip),开始你的探索之旅。

社区提问指南

常见问题社区问答

⏰ 每周 4 天工作制

LeaferJS 试行 4 天工作制(周一、二、四、五)!

我们相信,充沛的精力和广阔的视野孕育灵感与创新,因此,我们重视休息、学习和探索世界。

⚠️ 休息日(周三、六、日及法定节假日)不处理事务,感谢理解与支持!

一. 反馈 Bug 与建议

发现 Bug 或有改进建议?欢迎在 GitHub 上 提交 issue,你的贡献能让 LeaferJS 变得更强大!

提交模版

【Bug/建议】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx

环境:电脑 + window 11 + chrome 131 + leaferjs 1.5.3

复现步骤:请提供详细的复现逻辑及可直接运行的代码,将大幅提升问题解决效率。

二. 求助使用问题?

前往知乎 创建一个问题并绑定话题 #LeaferJS

为记录问答过程(避免重复劳动、沉淀群体智慧),请公开求助你的问题,可将链接转发至群里。

提交模版

【LeaferJS】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx (需包含 LeaferJS 关键词)

环境:电脑 + window 11 + chrome 131 + leaferjs 1.5.3

#LeaferJS (点击知乎提问框底部的 # 号绑定话题,大家就都能通过 社区问答 看见问题)

三、技术交流

欢迎加入 LeaferJS 技术交流群,与社区开发者交流、分享经验、沟通改进产品。

偶尔还有 福利活动,不容错过!

注意事项

请保持友善交流,避免政治敏感话题或无关内容,违规者将被移出群聊。

随着社区发展,技术交流群不再进行一对一解答问题,请公开求助,让更多人受益。

免责声明

LeaferJS 采用 MIT 协议,免费开源。我们欢迎社区用户相互帮助和贡献,我们没有义务或责任解答、修复所有问题(我们会尽力参与)。为了让 LeaferJS 变得更强大,我们的精力主要投入在产品开发上,希望大家共同参与、互相支持,让社区更加繁荣!

增强 LeaferJS

我们期待社区里出现这些开源技术:

  • 与 AI 结合
  • 图形编辑库
  • 富文本编辑库
  • 动画特效库
  • Vue、React 组件
  • 各类 UI 框架
  • 你能想到的...

让你的创意能够以更快的速度构建成产品。

扩展周边

我们还期待出现这样的开源技术:

  • 可以实时多人在线存储、读取单个百万级图形数据的文件存储格式。

    满足本地优先、占用空间小、速度快、版本控制、可快速复制的特点。

  • 可以实时多人在线传输大量图形数据的通信系统。

    满足本地优先、传输数据小、传输速度快、稳定的特点。

让图形渲染引擎的上下游在应对大量图形的时候都能够畅通无阻。

开发理念

用简单、正确的方法做正确的事情。

在满足通用需求、可维护性的前提下,追求极致的性能、极低的内存占用、极少的代码量。

🥥 寻找一颗好种子

去做当前生态发展需要,用户还没有被满足(痛点),正好也是你所擅长、感兴趣的事情。

🌱 让种子发芽、扎根生长

不断从用户现在就需要的点上切入,创新性的解决问题,先做完再做好。

🌴 阳光、雨露、时间

持续成长的关键因素往往是简单的,抓住它们,日复一日的坚持执行,时间自会给你答案。

使命与愿景

LeaferJS 致力于实现一套简洁、开放、现代化的 UI 绘图语言标准,表现力丰富,便于 AI 理解,人类可视化使用,并为数字化产品开发提供跨平台、轻量化、高性能的运行时。

让不同的软件之间能够沟通、协作、共享绘图数据,让数字化产品开发可以更快、更简单。

通过不断革新的图形渲染技术、配套支持, 吸引更多的开发者加入使用,建立起一个开放的生态环境,沟通有无,互相从中受益,推动行业的快速发展,并诞生出更多有创意的技术和产品。

我们的目标不仅是打造最前沿的 2D 和未来的 3D 引擎技术,更要创造一套简洁、开放、现代化的 UI 绘图标准。我们希望为开发者带来极致的开发体验,助力他们快速构建 AI 时代的网页、应用、设计、画布、游戏和动画等可视化生产力工具,推动下一代本地优先的 Figma、Miro、Notion、Unity、Adobe、Canva、Webflow 等创新产品的诞生。

这是一段漫长而又充满乐趣的旅程,我们正在年复一年、坚定地向这个目标持续前进,可以通过 开发计划 了解更多信息。

卓越文化

我们追求慢慢打造出这样的团队与社区氛围:

真诚坚韧、追求卓越、热爱生活、与众不同、倾听、互帮互助、懂得取舍、不怕失败、结果导向

我们相信当一个人身心强健,对这个世界充满无限好奇的时候,会产生出源源不断的生命力和创造力,所以我们鼓励追求卓越与热爱生活,也许我们会因为健身、美食、旅行、摄影、音乐、写作、绘画、舞蹈、游戏等热爱而了解彼此,也许我们还会有自己的乐队、画展、读书会...

我们要一起去攀登一座座别人从未到达过的高峰,同时我们也了解自己的能力边界,将聪明才智都聚焦到我们最感兴趣,也对用户最有价值的那个点上,在那里做出前人未曾做过的东西。

我们知道成功并非一蹴而就,所以我们接纳路途中的失败、偶尔的躺平,只要拥有坚韧的气质和永不放弃的精神,从失败中吸取教训,不断成长,积累一个个小小的胜利,就一定会抵达目的地。

希望我们能一起创办出 一家像胖东来一样的新型互联网企业和社区, 如果你喜欢这样的文化,欢迎阅读 贡献指南,可以一起参与进来。

Released under the MIT License.