LeaferJS 是一款革新、好用的 Canvas 引擎, 轻松实现专业图形编辑。适用于图形编辑、小游戏、互动应用、组态软件、生成图片与短视频等场景。～ 打卡百万咖啡墙, 体验 Leafer 卓越性能 ～
LeaferJS 引擎突破了行业常规,实现了百万级图形的运行能力。创建速度更是惊人, 短短的 1.5 秒内,可以创建出 100 万个可交互矩形。相比同类引擎,LeaferJS 具备了 10 倍以上的速度提升,甚至远远超越了 HTML5 本身。 正如马斯克超级高铁计划将高铁速度推向新境界一样,LeaferJS 引擎突破了图形行业的速度极限,为开发者...
如今已是短视频横行的时代,可以通过开源的 canvas 转视频库,将 LeaferJS 的动画、编辑内容导出视频,帮助企业快速批量生成短视频。 深入了解 LeaferJS 相信通过以上三个入门场景的了解,你已经对 LeaferJS 有了初步认识,但我们能做的事情绝对不仅仅于此,接下来我将带你了解一些高级场景,以及我们的愿景。 在线设计...
2. 学习 LeaferJS 快速入门教程 跟随官网教程步骤(文档底部有下一步引导按钮)从浅到深的学习,动手调试每一段示例代码。 🚀 想马上在产品中使用,请安装leafer-ui(60KB min+gzip),开始你的探索之旅。 仓库组成 LeaferJS主集成仓库,可直接运行代码。
在 init 方法中，会根据传给 Leafer 的 config 信息创建一个新的 Canvas 节点，前提是你有设置 view 属性，所以 leaferjs 支持 Canvas 分层管理。Creator 提供了一系列创建方法，其中 renderer 是创建了一个渲染器，里面封装了 Canvas 渲染的核心机制。这里还调用 Creator.watcher 来创建一个 Watcher 实例，Watcher ...
在init方法中,会根据传给 Leafer 的config信息创建一个新的 Canvas 节点,前提是你有设置view属性,所以 leaferjs 支持 Canvas 分层管理。 Creator提供了一系列创建方法,其中renderer是创建了一个渲染器,里面封装了 Canvas 渲染的核心机制。 这里还调用Creator.watcher来创建一个Watcher实例,Watcher观察节点的属性变化,从而...
LeaferJS 提供了丰富的动画功能，包括延时、循环和 seek，让你能够轻松制作各种动画效果。你可以通过 animation、transition、animate() 方法以及 Animate 实例等方式来创建你喜欢的动画。此外，还支持关键帧动画、摇摆动画、过渡动画、路径动画和滚动动画等多种类型。这些动画功能可以广泛应用于页面过渡效果以及元素的移入...
随着数字媒体的快速发展,图片与海报编辑已成为个人和企业进行视觉呈现的重要工具。近期,我深入接触了一款国产开源的Canvas 2D框架——Leaferjs,其出色的性能让我备受启发。于是,我利用Leaferjs,结合我的UI设计和前端开发经验,成功开发了一款开源的在线图片与海报编辑器。本文将详细介绍该编辑器的功能、技术实现以及未来的...
如今已是短视频横行的时代,可以通过开源的 canvas 转视频库,将 LeaferJS 的动画、编辑内容导出视频,帮助企业快速批量生成短视频。 深入了解 LeaferJS 相信通过以上三个入门场景的了解,你已经对 LeaferJS 有了初步认识,但我们能做的事情绝对不仅仅于此,接下来我将带你了解一些高级场景,以及我们的愿景。
2. 学习 LeaferJS 快速入门教程 跟随官网教程步骤(文档底部有下一步引导按钮)从浅到深的学习,动手调试每一段示例代码。 🚀 想马上在产品中使用,请安装leafer-ui(60KB min+gzip),开始你的探索之旅。 仓库组成 LeaferJS主集成仓库,可直接运行代码。