Добавить водяной знак с Sharp - PullRequest
0 голосов
/ 12 апреля 2020

Контекст: Создайте «блог», в котором будут храниться изображения, и добавьте к ним водяной знак.

Проблема: Я буду использовать составной метод для добавления своих Водяной знак на моих изображениях Я предполагаю, но проблема в том, что размеры моих изображений различны ... Я хочу, чтобы текстовый водяной знак отображался в центре каждого из них с шириной, равной 75% ширины изображения.

Вопросы:

  • Как создать изображение с моим текстом, которое будет сохранять хорошее качество при изменении размера?
  • Какой формат я должен использовать, например SVG или PNG?
  • Стоит ли мне продолжать с Sharp или есть какая-то другая альтернатива, которая не потребляет ресурсов?

Что насчет SVG? Хорошо, я могу это сделать, svg ширина будет шириной изображения, фон будет прозрачным. Все идет нормально. Но как рассчитать размер шрифта для ?

А как насчет Jimp? Jimp потребляет слишком много ресурсов для этих операций по сравнению с ресурсами моего сервера. Моя первая реализация была с Jimp.

Любая помощь будет благодарна ... Также часть кода будет удивительной! : D

Надеюсь, что вы, ребята, все в порядке к этому периоду!

РЕДАКТИРОВАТЬ: Пока я пытался генерировать SVG динамически, но вопрос о размер шрифта все еще оставался ... Также сгенерируйте небольшой SVG вручную с фиксированным размером шрифта, но с измененным размером: /

...