Я ищу способ создания изображения с различным текстом, предоставляемым в качестве параметра (включая указанный шрифт), и у меня есть другое изображение, используемое в качестве шаблона (какой-то фон). Пожалуйста, помогите указать способ достижения этого, если это действительно возможно.Как создать изображение с помощью JS и использовать другое изображение?
Используйте теги холста, см. http://diveintohtml5.ep.io/canvas.html.
Вы можете использовать холст или SVG, последний лучше при обработке текста, так как он изначально поддерживает текст. Под этим я подразумеваю, что вы можете буквально набирать текст в свой SVG-файл, тогда как для холста вам нужно как-то визуализировать текст самостоятельно AFAIK. Вы также можете вставлять изображение в SVG-файл.
В качестве опоры вы также можете использовать серверный язык, например PHP, для создания изображений, если вы этого не знали.
В холсте вы обычно можете выводить текст с помощью 'context.fillText (« my text », x, y);'. Также обратите внимание, что SVG позволяет выполнять независимую от векторной графики разрешение, холст превосходит с нажатием на пиксель. Хорошей библиотекой для SVG является Raphael.js. –
На самом деле JS не обеспечивает соответствующие (для моих нужд) уровень обработки изображений, хотя холст имеет много для векторной графики (судя по Raphael.js). В любом случае мое решение - это генерация изображения php на стороне сервера («развязывает руки» в определенном смысле). –
Canvas и Raphael.js не имеют ничего общего друг с другом. – DanMan