Javascript/JQuery: Есть ли способ добавить изображение или текст к загружаемому изображению?

Question

У меня есть некоторые изображения в моем проекте, которые пользователи могут загружать, но я хочу добавить некоторый предопределенный текст или изображение/логотип в нижний правый угол изображения, когда они нажмут ссылку для загрузки. Есть ли способ или плагин, способный справиться с этой функциональностью?

EDIT: изображения не предопределены - они отображаются как SVG, и я использую canvg, чтобы преобразовать их в скрытый холст, а затем связать их с этим URL-адресом.

Answer 1

Если вы говорите о добавлении текста к загружаемому ими изображению (например, водяному знаку), это может быть сделано в javascript, но, скорее всего, это не довольно и, вероятно, не очень хорошее решение, потому что пользователь может просто загрузить изображение напрямую, а не использовать вашу ссылку и тем самым получить изображение без водяного знака. Обратите внимание: если это то, что вы имеете в виду, jQuery не предоставит вам никакой помощи здесь. Но должны быть некоторые библиотеки обработки изображений JavaScript. Лучшим вариантом здесь будет водяное обозначение каждого изображения при загрузке (независимо от того, что это означает для вашего конкретного сайта) и сохранить две версии каждого изображения (один с меткой и один без), а затем просто выполните соответствующую версию, когда вы нужно это.

Если вы говорите о размещении какого-либо текста поверх существующего изображения на странице, которое просто происходит, когда они нажимают ссылку для загрузки, то да, это возможно, и вы можете выполнить его либо с помощью javascript/jquery, либо с помощью CSS ,

Поскольку вы ищете плагин, здесь несколько, Google оказался (я уверен, что есть больше):

1. http://www.wbotelhos.com/capty/
2. http://www.newmediacampaigns.com/blog/jcaption-a-jquery-plugin-for-simple-image-captions
3. http://tympanus.net/codrops/2009/11/23/jcapslide-a-jquery-image-caption-plugin/