[随易访谈] LeaferJS 图形框架，绝境中盛开-万超

大家好，我是前端之虎陈随易，全职自由职业，农村独立开发者。

这是我的个人网站 https://chensuiyi.me。

这里是[随易访谈]，分享平凡中的伟大，记录不屈中的温暖。

今天邀请到的嘉宾，是国产图形框架 LeaferJS 的作者 万超，让我们一起听听他的故事。

请简单介绍一下自己。

大家好，我是 LeaferJS 的创始人万超，正在做一件能给独立开发者带来全新创业机会的事情。

我是一名来自农村的程序员，靠着自学，一路摸爬滚打，独立开发过多款产品。

在第一次创业成功后，来到了北京重新开始，做过前端开发、产品经理、产品研发总监、CTO 等岗位（我个人的脉脉上有职业认证）。

但始终压抑不住想自己创业的冲动，这不，LeaferJS 已经是我的第三次创业了～

最早的一次创业是什么时候？那个时候年纪多大？做了什么产品？

最早的一次创业是在 2012 年，20 岁多岁，刚自学完编程工作了 1 年，做了 17 画画，网上能搜到很多资料，和一些绘图的数位板厂商有定制业务。

为什么叫做 LeaferJS 这个名字？官网是什么？

不知道大家是否还记得李连杰饰演的太极张三丰，他在遭受一系列打击后得了失心疯，有一次秋雪（杨紫琼饰演）带他出来散心，看见了一颗枯树正在长出新的嫩芽，他顿时领悟到了放心负担、奔向新生命，从此开始了他的崭新人生。

LeaferJS 的寓意就在这个故事中：放下过去，奔向新的希望（ Leafer 的意思是看见树叶生长的人）。

我希望 LeaferJS 能带着一股新的、强大的生命力不断成长，为更多的人创造价值。

我们的官网是 www.leaferjs.com。

LeaferJS 的开发团队有几个人？分别承担哪些职责？

目前主要是我一个人，因为有过独立开发的经验，产品、设计、开发这些都能做的了，有一些外援和合作伙伴会提供其他方面的支持。

后续等我们有了一定的收入，会在合适的时间点组建起一个新的团队。

开发 LeaferJS ，大概的日常作息是怎么样的？

早上 6 ～ 7 点起来跑步，然后练练钢琴，吃完饭后开始一天的工作。

中午会午休一下，晚饭后会出去转转，拉拉单杠。

回来再练练一些乐器，再根据状态安排学习、研发，或休息。

每周基本都会安排两个下午去周围大自然走走，放松放松。

周末充充电，见见朋友，一般很少加班。

LeaferJS 的主要应用场景有哪些？

入门的三大场景有：

1. 高效绘图： 长图、产品海报、印刷品，可以通过自动布局及丰富的表现力提高绘图效率
2. UI 交互： 组态、互动页面、小游戏，可以通过跨平台交互事件、手势、光标提高交互能力
3. 图形图像编辑： 头像裁剪、图片、DIY 编辑器，可以通过丰富的图形编辑功能和插件提高开发效率

如果你想开发更复杂的矢量设计软件、UI 设计软件、白板软件、流程图设计软件，低代码编辑软件、矢量雕刻软件、CAD 建筑设计软件、EDA 电路设计软件、视频剪辑软件等，那找 LeaferJS 就对了。

LeaferJS 目前有哪些案例？

为什么 LeaferJS 具备如此高的性能？用到了哪些特别的技巧？

开发一个图形引擎是一个系统性的工程，我们在构建的时候就从很多细节上把内存占用做到了最小，并提供了高效的布局方式，以及局部渲染、切片渲染、缓存渲染，从而实现了比较好的性能。

不过针对大型应用场景，我们的性能优化之路才刚刚开始，还需继续不断优化才行，我们的官网有一篇剖析性能的文章，感兴趣的可以去看看。

LeaferJS 涉及到的比较复杂的技术，或者概念是哪些？你自己是怎么学会、了解并熟练的？

比较复杂的地方主要有两个：

1. 图形的丰富表现力需要向设计行业的最高标准对齐，并且 API 的易用性要让每个开发者容易理解使用
2. 图形技术的性能，例如我们对内存占用的极致优化、创建元素的速度、局部渲染、切片渲染、缓存渲染

针对有开源代码可参考的，我首先会去阅读别人的源码，吸取一些经验。

然后再从用户的角度去考虑，怎么样更简单易用、性能更好，比如坐标系统的设计。

针对没有开源代码可参考的，我更多的还是依据马斯克的第一性原理，从事情的本质思考出发，需要什么就去学什么，从而构建出好用的解决方案。

比起市场上的一些同类产品，LeaferJS 最大的优势是什么？

很多人说是性能，其实这只是一部分，最大的优势还是丰富的表现力和易用性。

因为我们是按照设计行业的最高标准去打磨 UI 表现力的，所以用户实际去用的时候会感觉到细节很不一样。

有考虑将 LeaferJS 做成一个国际化的开源项目吗？大概什么时候？有什么海外推广计划？

有的，计划 8 月底开始建立翻译小组，最晚 9 月份就会开始推往国外。

现在还没有很具体的海外推广计划呢，到时再向大家多多请教。

目前有哪些 LeaferJS 的案例？

以下案例都可以在我们的官网首页找到：

1. 在线设计： 无界云图、果米设计、Tuhigh 、Wodisign 等

2. 小游戏：超级玛丽、飞翔的小鸟、贪吃蛇、2048 、拼图游戏、弹球游戏 等

3. 视频剪辑及截图：fly-cut 、ShotEasy

4. UI 组件：element-plus-leafer

5. 创意：珠串设计、百万咖啡

2024 年已过大半，对于 LeaferJS 的推进，今年预期有哪些？

1. 绘图、图形编辑器场景完善，能进行 SVG 的导入导出，完成通用版性能优化。

2. 小游戏、短视频、自动布局场景的初步支持，AI 的初步接入及结合。

3. 建立起一个紧密合作的开源社区，把 LeaferJS 稳步推广到国内外。

有没有对未来一年，三年，五年的计划？大概是什么？

我们有一个长远的计划，未来一年，三年，五年会往与 AI 结合，支撑可视化开发网页、应用、游戏、动画方向发展。

在开发 LeaferJS 之前，方便简单地说说自己的工作内容吗？

最早我是做绘画软件创业，可以模拟钢笔、毛笔、油画、水彩等现实的压力笔触，能有真实的颜色浸染效果，还支持鼠标模拟压力绘画。

最近的一份工作参与了非常复杂的在线白板产品的研发和性能优化，类似 Miro, 也是和图形渲染相关的产品。

对待全职开源，创业这个事情，家人的态度是什么样的？

家人还是非常支持的，很大一部分资金是我的家人帮填上的，尤其是我的妹妹，还有另外几位借钱给我的朋友，等我后面做起来了必会重谢。

当然他们也会有担忧，我的母亲在看到我之前写的《绝境中盛开，一位独立开发者的故事》 那篇文章时，心中五味杂陈，说我太难了，偷偷的为我抹了不知道多少次眼泪。

目前还面临资金方面的问题吗？需要哪些帮助？有哪些帮助的渠道？

目前没有太大资金方面的生存压力，不过我们要加速发展的话还是需要更多的人来参与，目前流量和影响力都在不断攀升。

最近计划增加每个用户都可以参与的代码片段、小游戏、场景 demo 页面，感兴趣的到时可以上传佳作。

个人用户想支持我们的发展，可以直接在官网赞助我一杯咖啡。

媒体合作、企业赞助可以直接找我（官网底部有我微信二维码），比如互相推广、业务结合等。

最近计划逐步上线金牌、白金、铂金赞助等级满足不同公司的需要。

有没有考虑接受投资？如果接受投资，自己期望什么样的合作模式？

为了保持 LeaferJS 的发展方向和节奏，我们现阶段不考虑接受投资，后期如果进入高速发展阶段可能会考虑。

同时我们会向 Vue 等开源前辈学习，通过提升自身行业影响力和用户范围，吸引国内外企业赞助。

并通过提供周边服务、合作教程，逐步实现自身造血能力。

做 LeaferJS 以来，最难的时刻是怎么样的？

合伙人退出（做 LeaferJS 的同时，我和别人合伙做了一个商业化产品 Wodisign ），口袋里余粮不多，新的方向又举棋未定的时候，我觉得那个时候是最艰难的。

因为我无论是前进还是后退，在未来很长的一段时间里，我的生活中都将看不到一丝亮光。

是什么让你坚持到现在？为什么会如此执着？

是使命感点亮了我，我看见了未来的世界需要这样的技术，并最终选择了听从内心的声音去创造它。

这让我拥有了源源不断的内在动力，可以克服一切的困难。

目前工作强度还比较大，有没有考虑什么时候，把节奏调慢一点？比如出去旅游

等我们能实现收支平衡的时候，会把节奏调慢一些，今年应该会多出去旅旅游（已经出去玩过一趟了），

除了代码，业余还有什么爱好？

目前业余主要还是音乐方面，喜欢玩各种乐器，也在开始创作音乐，同时这也成为了我创业时解压的一种有效方式。

我原来还比较喜欢画画，不过没有那么多时间，游山玩水之类的自不必多说。

目前，职场都有 35 岁焦虑，根据你的经验，你觉得对抗这个焦虑的办法有哪些？

实话说，我目前也没有特别好的办法呢，我选择创业的一部分原因也是来自于 35 岁的职场焦虑。

后来创业过程中我发现，当你持续做着一件在燃烧自己，也能给别人带来价值的事情的时候，就没有那么焦虑了，回报也自然而来。

所以我个人认为找到自己擅长且热爱的事情很重要（同时能为别人创造价值），当人生有了稳定的方向，就不容易焦虑。

日常办公的环境是怎样的？可以展示一下吗？

对于想要或者已经创业的朋友们，你有哪些建议和经验分享？

通过我的创业经历来看，我觉得创业最重要的还是方向和自我纠错能力。

方向上一定要选择自己感兴趣且覆盖用户面较广的，这个能决定你能走多远（心力），遇到多大的困难还可以继续前进。

尽早的描述出未来成功时的蓝图，也就是我们常说的愿景，可以让自己在困境中不迷失方向，也能指引更多的人一起去到那个地方。

产品一定要找到自己独特的定位和价值，在一个较小的突破口上集中火力做到最好，然后再慢慢扩大。

这一切都需要创始人多去倾听用户的声音做出判断，才能不断的纠正到正确的方向上。

感谢您的阅读，希望这个故事，可以给您带来一些参考和帮助，我们下次再见~