Espruino:Справочник по API/Класс Graphics/drawImages(): различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
(Новая страница: «{{Espruino/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} =<ref>[ www.espruino.com - ]</ref>= ==Синтакс...»)
 
Нет описания правки
 
(не показаны 2 промежуточные версии 2 участников)
Строка 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">
 
function Graphics.drawImages(layers, options)
</syntaxhighlight>
</syntaxhighlight>


==Параметры==
==Параметры==


 
*  '''layers''' – массив объектов в формате {x,y,image,scale,rotate,center} (до 3 штук)
*  '''options''' – настройки рендеринга (см. ниже)


==Возвращаемое значение==
==Возвращаемое значение==


 
Объект Graphics, на котором была выполнена эта функция, чтобы сделать цепочку вызовов.


==Описание==
==Описание==


Рисует несколько изображений одновременно – это позволяет избежать мерцаний на безбуферных устройствах вроде Bangle.js. Максимальное количество слоев сейчас – 4.


<syntaxhighlight lang="javascript">
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>


== Примеры ==
== Примеры ==
Строка 29: Строка 52:
=См.также=
=См.также=


{{ads}}
 


=Внешние ссылки=
=Внешние ссылки=
Строка 35: Строка 58:
<references />
<references />


{{Навигационная таблица/Espruino}}
{{Навигационная таблица/Портал/Espruino}}
{{Навигационная таблица/Телепорт}}

Текущая версия от 20:07, 23 мая 2023

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Функция 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
}

Примеры

См.также

Внешние ссылки