本文讲述了开发者在开发像素风图片编辑器过程中遇到的性能瓶颈，从Konva切换到Leafer框架，解决了性能问题，并探讨了如何通过取样和算法改进图片风格化的思路。作者还分享了关于产品开发和节奏管理的心得体会。
哈喽，大家好，我是枣把儿。
前两周我开发了一个像素风图片编辑器，正当我在逐渐完善功能的时候，我老婆过来看了看我做的功能。于是我在12x12的画板上给她画了两下，然后她说，你弄个120x120的给我看看，再写个字。结果我在生成14400个矩形的时候浏览器就卡死了😅，数值调小一些后，勉强可以生成出来，但是拖动和缩放都很卡，我尝试画了两下，断触也很严重，基本是不能用的状态。果然，一个真实的用户随便提的要求，都和自己构思的千差万别。
无奈之下，我又重新调研了一些框架，把核心功能从Konva换成了Leafer，Leafer是一个23年6月才发布1.0.0-beta的新框架，但是我使用起来感受还是比较丝滑的，他们自带的图形编辑器样式比起Konva也好不少（很多）
整体的设计也可以用分层的方式，分为ground（背景层）、tree（内容层）、sky（变化层） 三层，当然也可以再自己添加自定义的层。
对SVG、动画等也支持，可以说再复刻一遍我的这个工具是没啥问题的（开源协议是MIT），而且还有node端可以使用。
然后就用Leafer把原来的功能都复刻了一遍
最低0.47元/天 解锁文章
扫一扫
6349
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
