Генерация изображений

[Борис К]

Привет, javascript-бродяги!))
Пожалуйста, подскажите, возможна ли в принципе генерация цельных изображений (jpg, gif, png) из нескольких изображений случайным образом средствами Java Script?
Спасибо!)

[Aetae]

Да, на canvas. Анимированный гиф правда из коробки незя, но ставлю вчерашний йогурт, что есть нормальная библиотека под это дело.

[Борис К]

Благодарю, Aetae!

Анимированный гиф

Нет, просто чтобы несколько статичных изображений каждый раз случайным образом выводились в виде цельного изображения в jpg, gif или png.

нормальная библиотека под это дело

Им. Ленина?))

[Борис К]

Aetae, вот такое нашёл здесь:
Вывести две img в одну img через canvas
Вот ещё бы изображения рандомно выстраивались каждый раз...

[Борис К]

Rise, например, изображения До:

<img src="http://placehold.it/150x150/ff0000/ff0000">
<img src="http://placehold.it/150x150/ffff00/ffff00">
<img src="http://placehold.it/150x150/0000ff/0000ff">
<img src="http://placehold.it/150x150/00ff00/00ff00">

Изображение После, как случайная комбинация из представленных выше изображений.

[Aetae]

В ряд или как, ну чел?

+1

Борис К, "случайных комбинаций" может быть бесконечное количество: и вдоль и поперёк, и по диагонали, и наложением и через фильтры всякие и т.д. и т.п.
Конкретный пример нужен, да с описанием.

[Борис К]

Rise, сорри))
Нет, 2 на 2 (или 3 на 3 при большем количестве разных изображений и т.д.)
Например, такой вид:

<table>
  <tr>
    <td><img src="http://placehold.it/50x50/ff0000/ff0000"></td>
    <td><img src="http://placehold.it/50x50/ffff00/ffff00"></td>
    <td><img src="http://placehold.it/50x50/0000ff/0000ff"></td>
  </tr>
  <tr>
    <td><img src="http://placehold.it/50x50/00ff00/00ff00"></td>
    <td><img src="http://placehold.it/50x50/006600/006600"></td>
     <td><img src="http://placehold.it/50x50/ddff00/ddff00"></td>
  </tr>
  <tr>
    <td><img src="http://placehold.it/50x50/00ffdd/00ffdd"></td>
    <td><img src="http://placehold.it/50x50/800000/800000"></td>
    <td><img src="http://placehold.it/50x50/f09900/f09900"></td>
  </tr>
</table>

[Борис К]

Aetae, каждый раз при загрузке странички должно быть сгенерировано изображение в jpg, gif или png, состоящее из других изображений, которые расположились абсолютно случайным образом, как я представил выше для Rise... извините, если сразу непонятно объясняю((

[Aetae]

https://jsfiddle.net/3oj924aq/

[Борис К]

Aetae, отличная работа!))
Только сгенерированное изображение почему-то отображается аж три раза... как бы это поправить?