Espruino:Справочник по API/Класс Graphics/drawImages(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) (Новая страница: «{{Espruino/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} =<ref>[ www.espruino.com - ]</ref>= ==Синтакс...») |
Myagkij (обсуждение | вклад) Нет описания правки |
||
Строка 3: | Строка 3: | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
=<ref>[ www.espruino.com - ]</ref>= | =Функция Graphics.drawImages()<ref>[https://www.espruino.com/Reference#t_l_Graphics_drawImages www.espruino.com - function Graphics.drawImages]</ref>= | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript" enclose="div"> | <syntaxhighlight lang="javascript" enclose="div"> | ||
function Graphics.drawImages(layers, options) | |||
</syntaxhighlight> | </syntaxhighlight> | ||
==Параметры== | ==Параметры== | ||
* '''layers''' – массив объектов в формате {x,y,image,scale,rotate,center} (до 3 штук) | |||
* '''options''' – настройки рендеринга (см. ниже) | |||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
Объект Graphics, на котором была выполнена эта функция, чтобы сделать цепочку вызовов. | |||
==Описание== | ==Описание== | ||
Рисует несколько изображений одновременно – это позволяет избежать мерцаний на безбуферных устройствах вроде Bangle.js. Максимальное количество слоев сейчас – 4. | |||
<syntaxhighlight lang="javascript" enclose="div"> | |||
layers = [ { | |||
{x : int, // стартовая X-позиция | |||
y : int, // стартовая Y-позиция | |||
image : string/object, | |||
scale : float, // степень масштабирования (по умолчанию – 1) | |||
rotate : float, // угол поворота в радианах | |||
center : bool // центр на x,y? | |||
// (по умолчанию – верхний левый угол) | |||
repeat : // нужно ли повторно рендерить это изображение? | |||
nobounds : bool // если задать здесь «true», рисовать можно будет | |||
// и за границами изображения | |||
} | |||
] | |||
options = { // область рендеринга; | |||
// по умолчанию заданных здесь значений хватает | |||
// для рендеринга запрошенных объектов | |||
x,y, | |||
width,height | |||
} | |||
</syntaxhighlight> | |||
== Примеры == | == Примеры == |
Версия от 20:16, 3 января 2021
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Функция Graphics.drawImages()[1]
Синтаксис
function Graphics.drawImages(layers, options)
Параметры
- layers – массив объектов в формате {x,y,image,scale,rotate,center} (до 3 штук)
- options – настройки рендеринга (см. ниже)
Возвращаемое значение
Объект Graphics, на котором была выполнена эта функция, чтобы сделать цепочку вызовов.
Описание
Рисует несколько изображений одновременно – это позволяет избежать мерцаний на безбуферных устройствах вроде Bangle.js. Максимальное количество слоев сейчас – 4.
layers = [ {
{x : int, // стартовая X-позиция
y : int, // стартовая Y-позиция
image : string/object,
scale : float, // степень масштабирования (по умолчанию – 1)
rotate : float, // угол поворота в радианах
center : bool // центр на x,y?
// (по умолчанию – верхний левый угол)
repeat : // нужно ли повторно рендерить это изображение?
nobounds : bool // если задать здесь «true», рисовать можно будет
// и за границами изображения
}
]
options = { // область рендеринга;
// по умолчанию заданных здесь значений хватает
// для рендеринга запрошенных объектов
x,y,
width,height
}
Примеры
См.также
Внешние ссылки