最近想做一个轻巧的在线画册和海报设计工具，最近发布的 LeaferUI 特殊适宜这样的场景。
LeaferUI 是什么？Leafer UI 是基于 LeaferJS 开拓的一套绚丽多彩的 UI 绘图框架，帮助开拓者快速天生图形界面。LeaferJS 是一个基于 HTML5 Canvas 开拓的 2D 绘图渲染引擎，在 web 上绘图性能非常出众，和同类图形引擎比较，渲染耗时少、占用内存超低。
LeaferUI 官网
作为一款国产的绘图引擎，LeaferJS 的愿景不小：
我们致力于通过 LeaferJS 实现一套简洁、开放、当代化的 UI 绘图措辞标准，为数字化产品开拓供应跨平台、轻量化、高性能的运行时。我们希望不同的软件之间能够沟通、协作、共享绘图数据与数字界面，通过不断改造的图形技能和配套支持， 吸引更多的开拓者加入利用，建立起一个开放的生态环境，沟通有无，以推动行业的快速发展，并出身出更多有创意的技能和产品。
— LeaferJS 的义务和愿景
Leafer UI 供应了常用的 UI 绘图组件和开箱即用的功能，使得我们可以很方便地与 Figma、Sketch 等产品进行数据交流，并为跨平台开拓供应了统一、丰富的交互事宜，如拖拽、旋转、缩放手势等。
LeaferUI 组件预览
Leafer UI 的技能特性易学易用：基于Javascript、Canvas API构建，供应随意马虎上手的API和文档；简洁、开放、当代化的 UI 绘图框架，并供应跨平台、轻量化、高性能的运行时；丰富的图形表现，能够实现各种绚丽多彩的效果，可媲美当前主流的设计软件；性能精良，创建 100 万个可交互的矩形，首屏渲染最快仅需 1.5 秒。比同类引擎快 10 倍旁边；内存占用低，创建 100 万个可交互的矩形，仅占用 350M 内存。比同类引擎节省 10 倍以上内存；支持 web 端和 node.js 做事端，立时就支持小程序端了，这也是我希望的需求，非常期待我用 LeaferUI 来做什么？最近有一个需求，是要做一个在线设计海报画册的小程序，用户可以通过一些预先做好的设计模板，只须要更换图片和文案，就可以快速做出审美在线、风格大气的画册和海报。前期技能评估时，调研理解干系的技能，期间创造了 LeaferJS 这个 2D 绘图引擎，刚好能知足需求。
LeaferUI 组件预览
开拓上手安装 Leafer UI
npm install leafer-ui也可以直接在<script>引入
<script src="https://unpkg.com/leafer-ui"></script>大略的利用示例
<!DOCTYPE html><html> <head> <title>Demo | Leafer UI</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <script src="https://unpkg.com/leafer-ui"></script> </head> <body></body> <script> var Leafer = LeaferUI.Leafer var Rect = LeaferUI.Rect var leafer = new Leafer({ view: window }) var rect = new Rect({ x: 100, y: 100, width: 200, height: 200, fill: '#32cd79', draggable: true, }) leafer.add(rect) </script></html>这样就能跑起来了。LeaferUI 很像游戏引擎，内置了一些绘图的 api 可以很方便地调用，比如绘制各种矩形、圆形、扇形，以及各种常见的多边形，当然基本的图片和笔墨，也都能渲染。其余还有容器、渐变、线条等api，有了这些 api，我就可以很随意马虎构建一个简约的用户设计操作界面，根据设计模板来实现合成画册或者海报的功能了。
LeaferUI 组件预览
除了构建界面，用户的操作也是必不可少的，LeaferUI 供应了用户点击、拖拽、滑动、放大缩小等事宜，处理起来很省事。目前 LeaferUI 很多 api 已经很完善了，很值得去考试测验。
完善的文档LeaferUI 供应很随意马虎上手学习的利用文档，每个主要功能都有详细的代码示例和示例效果。感兴趣的开拓者可以前往官网阅读。
免费开源解释Leafer UI 是一个免费开源的 JavaScript 项目，采取 MIT 容许，我们可以免费下载来利用，也可以放心用于商业项目。
关注我，持续分享高质量的免费开源、免费商用的资源。
↓↓点击查看本次分享的网址。
LeaferUI - 性能刁悍、简洁轻量的 HTML5 Canvas 2D 图形 UI 绘图框架，用于 web 端在线图形设计、图表、白板、数据可视化等场景｜那些免费的砖
