Как добавить текст на изображение с помощью холста HTML5?

Question

Я хочу добавить текст на изображение, используя HTML5. Как это может быть сделано?

Answer 1

Вы можете загрузить изображение в холст (используя drawImage()), затем нарисуйте текст на холсте (используя fillText()).

Если вы хотите, вы можете получить данные изображения с холста, используя toDataUrl() и разместите эти данные на сервер для постоянства изображения.

Если вам это нужно только для видимости клиента, у вас есть гораздо более простое решение, которое не использует HTML5. Просто наложите текст на изображение, используя абсолютное позиционирование.