JavaScript

显示原文

With lv_binding_js you can write lvgl with JavaScript.

It uses React's virtual DOM concept to manipulate lvgl UI components, providing a familiar React-like experience to users.

Code

Code Running on Real Device

使用 lv_binding_js 你可以用JavaScript编写lvgl。

它使用React的虚拟DOM概念来操作lvgl的UI控件，为用户提供了一个类似React的熟悉体验。

代码

代码在真实设备上运行

Table of Contents（目录）

显示原文

Features
Demo
Building
Components
Font
Animation
Style
JSAPI
Thanks

功能
演示
构建
控件
字体
动画
样式
JSAPI
感谢

Features（功能）

显示原文

Support all lvgl built-in components
Fully support lvgl flex and grid style
support most lvgl style, just write like html5 css
support dynamic load image
Fully support lvgl animation

支持所有LVGL内置控件
完全支持LVGL的flex和grid样式
支持大多数LVGL样式，只需像HTML5的CSS一样编写
支持动态加载图片
完全支持LVGL动画功能

Demo（演示）

显示原文

See the demo folder

查看演示文件夹

Building（构建）

显示原文

The following are developer notes on how to build lvgljs on your native platform. They are not complete guides, but include notes on the necessary libraries, compile flags, etc.

以下是有关如何在本地平台上构建 lvgljs 的开发者说明。这些不是完整的指南，但包括了有关必要的库、编译标志等方面的说明。

lvgljs

显示原文

JS Bundle（JS捆绑）

显示原文

JS Bundle build Notes

JS捆绑构建注意

Components（控件）

显示原文

Font（字体）

显示原文

Builtin-Symbol

内置符号

Animation（动画）

显示原文

Animation

动画

Style（风格）

JSAPI

Thanks（感谢）

显示原文

lvgljs depends on following excellent work

lvgl: Create beautiful UIs for any MCU, MPU and display type QuickJS: JavaScript engine libuv: platform abstraction layer curl: HTTP client txiki.js: Tiny JavaScript runtime

lvgljs依赖于以下出色的工作成果：

lvgl：为任何MCU、MPU和显示类型创建美观的用户界面

QuickJS：JavaScript引擎

libuv：平台抽象层

curl：HTTP客户端

txiki.js：微型JavaScript运行时