Как создать готовый алгоритм для создание картинки с текстом?

Question

[shapagat_imangali]

Как создать готовый алгоритм для создание картинки с текстом?
Например написал определенный текст в определенную форму и он вставился в картинку
https://www.youtube.com/watch?v=LkbGUVfzCKc
посмотрите

Answer 1

[riot26]

С помощью Canvas API.
Документация
Статья на хабре "Выводим текст на HTML5 Canvas"

Answer 2

[VoidVolker]

Берете и создаете готовый алгоритм. В чем сложность-то? Вот вам пример:

1. Взять картинку;
   
2. Вставить картинку;
   
3. Взять текст;
   
4. Вставить текст в картинку.
   

Comments

[shapagat_imangali]

Мне нужно вот так примерно сделать

[shapagat_imangali]

https://www.youtube.com/watch?v=LkbGUVfzCKc

[VoidVolker]

И еще раз. В чем сложность-то? Пример создания алгоритма приведен выше. В видео в все точно так же - только добавляются кнопки в нужных местах и ввод дополнительных данных.

Answer 3

[twobomb]

Можно типа такого

Comments

[shapagat_imangali]

https://www.youtube.com/watch?v=LkbGUVfzCKc

[Stalker_RED]

shapagat_imangali, да что ж за проблема с этим роликом, что вы его четвертый раз линкуете? что не так? фоновую картинку добавить нужно?

[twobomb]

shapagat_imangali, картинку на фон так

Answer 4

[Stalker_RED]

Вариант с фоном
https://jsfiddle.net/Stalk/gwyfz2y4/