github-code/lvgl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(docs): add images to the docs for the JS binding

Browse Source
This commit is contained in:
Gabor Kiss-Vamosi
2022-11-09 08:28:24 +01:00
parent 716995b25a
commit 12ca08c649
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/_static/img/js_calculator.gif vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 519 KiB

BIN
docs/_static/img/js_code.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 312 KiB

BIN
docs/_static/img/js_on_device.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 KiB

BIN
docs/_static/img/js_widgets_demo.gif vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

10
docs/get-started/bindings/javascript.md
View File

@@ -4,11 +4,11 @@
**Code**
<img src="https://github.com/lvgl/lv_binding_js/blob/master/demo/screenshoot/code.png">
<img src="_static/img/js_code.png">
**Code Runing on Real Device**
<img src="https://github.com/lvgl/lv_binding_js/blob/master/demo/screenshoot/real_device.jpg" style="transform: rotate(270deg)">
<img src="_static/img/js_on_device.jpg" style="transform: rotate(270deg); max-width:100%">
## Table of Contents
@@ -34,10 +34,10 @@
## Demo
### Widgets
![sdl_simulator](https://github.com/lvgl/lv_binding_js/blob/master/demo/widgets/screenshoot/sdl_simulator.gif)
![Widgets demo with the JS binding of LVGL](_static/img/js_demo_widgets.gif)
### Calculator
![sdl_simulator](https://github.com/lvgl/lv_binding_js/blob/master/demo/calculator/screenshoot/sdl_simulator.gif)
![Calculator demo with the JaveScript binding of LVGL](_static/img/js_calculator.gif)
## building
@@ -111,4 +111,4 @@ lvgljs depends on following excellent work
[QuickJS](https://bellard.org/quickjs/): JavaScript engine
[libuv](https://github.com/libuv/libuv): platform abstraction layer
[curl](https://github.com/curl/curl): HTTP client
[txiki.js](https://github.com/saghul/txiki.js): Tiny JavaScript runtime
[txiki.js](https://github.com/saghul/txiki.js): Tiny JavaScript runtime