From 9b2e81b61775ea632d64e25b1f933d8beb6f7808 Mon Sep 17 00:00:00 2001
From: MihailRis <mexaruc@gmail.com>
Date: Wed, 19 Nov 2025 19:50:48 +0300
Subject: [PATCH] update doc/*/scripting/ui.md

---
 doc/en/scripting/ui.md |  8 ++++++++
 doc/ru/scripting/ui.md | 38 +++++++++++++++++++++++---------------
 2 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/doc/en/scripting/ui.md b/doc/en/scripting/ui.md
index c35bf908..b58e7e2a 100644
--- a/doc/en/scripting/ui.md
+++ b/doc/en/scripting/ui.md
@@ -201,6 +201,14 @@ Here, *color* can be specified in the following ways:
 | data:mul(*color* or Canvas)                              | multiplies a color by the specified color or canvas     |
 | data:add(*color* or Canvas)                              | adds a color or another canvas to a color               |
 | data:sub(*color* or Canvas)                              | subtracts a color or another canvas to a color          |
+| data:encode(format: str)                                 | encodes image to specified format and returns bytearray |
+
+To decode a byte array into a Canvas, use the static method:
+```lua
+Canvas.decode(data: Bytearray, format: str) -> Canvas
+```
+
+Currently, only png is supported.
 
 ## Inline frame (iframe)
 
diff --git a/doc/ru/scripting/ui.md b/doc/ru/scripting/ui.md
index a6d6006d..e593dc4a 100644
--- a/doc/ru/scripting/ui.md
+++ b/doc/ru/scripting/ui.md
@@ -186,21 +186,29 @@ document["worlds-panel"]:clear()
 - r: int, g: int, b: int
 - r: int, g: int, b: int, a: int
 
-| Метод                                                    | Описание                                             |
-|----------------------------------------------------------|------------------------------------------------------|
-| data:at(x: int, y: int)                                  | возвращает RGBA пиксель по указанным координатам     |
-| data:set(x: int, y: int, *цвет*)                         | изменяет RGBA пиксель по указанным координатам       |
-| data:line(x1: int, y1: int, x2: int, y2: int, *цвет*)    | рисует линию с указанным RGBA цветом                 |
-| data:blit(src: Canvas, dst_x: int, dst_y: int)           | рисует src-холст на указанных координатах            |
-| data:clear()                                             | очищает холст                                        |
-| data:clear(*цвет*)                                       | заполняет холст указанным RGBA цветом                |
-| data:update()                                            | применяет изменения и загружает холст в видеопамять  |
-| data:set_data(data: table<int>)                          | заменяет данные пикселей (ширина * высота * 4 чисел) |
-| data:create_texture(name: str)                           | создаёт и делится текстурой с рендерером             |
-| data:unbind_texture()                                    | отвязывает текстуру от холста                        |
-| data:mul(*цвет* или Canvas)                              | умножает увет на указанный цвет или холст            |
-| data:add(*цвет* или Canvas)                              | прибавляет цвет или другой холст к цвету             |
-| data:sub(*цвет* или Canvas)                              | вычитает цвет или другой холст к цвету               |
+| Метод                                                    | Описание                                                        |
+|----------------------------------------------------------|-----------------------------------------------------------------|
+| data:at(x: int, y: int)                                  | возвращает RGBA пиксель по указанным координатам                |
+| data:set(x: int, y: int, *цвет*)                         | изменяет RGBA пиксель по указанным координатам                  |
+| data:line(x1: int, y1: int, x2: int, y2: int, *цвет*)    | рисует линию с указанным RGBA цветом                            |
+| data:blit(src: Canvas, dst_x: int, dst_y: int)           | рисует src-холст на указанных координатах                       |
+| data:clear()                                             | очищает холст                                                   |
+| data:clear(*цвет*)                                       | заполняет холст указанным RGBA цветом                           |
+| data:update()                                            | применяет изменения и загружает холст в видеопамять             |
+| data:set_data(data: table<int>)                          | заменяет данные пикселей (ширина * высота * 4 чисел)            |
+| data:create_texture(name: str)                           | создаёт и делится текстурой с рендерером                        |
+| data:unbind_texture()                                    | отвязывает текстуру от холста                                   |
+| data:mul(*цвет* или Canvas)                              | умножает увет на указанный цвет или холст                       |
+| data:add(*цвет* или Canvas)                              | прибавляет цвет или другой холст к цвету                        |
+| data:sub(*цвет* или Canvas)                              | вычитает цвет или другой холст к цвету                          |
+| data:encode(format: str)                                 | кодирует изображение в указанный формат и возращает массив байт |
+
+Для декодирования массива байт в Canvas используйте статический метод:
+```lua
+Canvas.decode(data: Bytearray, format: str) -> Canvas
+```
+
+На данный момент, из форматов поддерживается только png.
 
 ## Рамка встраивания (iframe)