Adding watermarks to PDF and images
Good afternoon.
I need a js script for adding watermarks to PDFs and images of all formats (png, jpg, webp, etc.).
Here is an example of the functionality, it only works with PDF, but this script and input should also accept and work with images:
https://www.ilovepdf.com/pdf_add_watermark
How it should work:
All texts in English
1. Open the final html file in the browser, it should only have an input for file selection.
2. Then:
- if a pdf is uploaded, select the first page; if there are more than 2 pages, display the first 2 pages as a preview.
- if an image is selected, then the image itself is the preview (it should be displayed in the preview regardless of size!)
3. Then, UNDER the preview a block with watermark settings appears with two tabs for adding a watermark in the form of text and image, with similar functionality.
If an image is selected instead of a pdf, the Pages and Layer fields will not be present.
The only difference is that instead of dots on the preview, it would be nice to see the actual text or image, as it will be added in the final version.
4. Everything should be responsive and not shift when the page is resized.
5. The ability to return to the input for selecting another file (close button or trash can).
The technical specifications are negotiable; some simplifications can be made to adjust the cost.
Preference will be given to the best price; the project is not large and does not involve hosting on servers, databases, etc.
Добрый день.
Нужен скрипт на js для добавления водяных знаков на PDF и картинки всех форматов (png, jpg, webp и тд).
Вот пример функционала, там только работа с PDF, но этот скрипт и инпут должен принимать и работать также с картинками:
https://www.ilovepdf.com/pdf_add_watermark
Как должно работать:
Все тексты на английском
1. Открываем итоговый html файл в браузере в нем только инпут для выбора файла.
2. Далее:
- загружен пдф выбираем первый лист если литов больше чем 2, то выводим первые 2 листа как превью.
- выбрана картинка, то картинка и есть превью (должна отображаться на превью не зависимо от размера!)
3. Далее ПОД превью появляется блок с настройками водяного знака с двумя вкладками для добавления водяного знака в виде текста и картинки, с аналогичным функционалом.
Если выбран не пдф, а изображение, то полей Pages и Layer не будет.
Единственное отличие - вместо точек на превью хорошо бы видеть реальный текст или картинку, как в итоговом варианте будет добавлено.
4. Все должно быть адаптивным и не плыть при уменьшении страницы.
5. Возможность вернуться к инпуту для выбора другого файла (кнопка крестик или корзина).
Тз обсуждается, можно что-то упрощать, для коррекции стоимости.
Предпочтение отдается лучшей цене, проект не большой без размещений на серверах, баз данных и тд.
Result:
An archive with the html file, css, and necessary js files, libraries can be included (definitely needed for pdf), but they must be in 1 file and included in the final archive. Everything should work offline, autonomously.
Результат:
Архив с файлом html, css и нужные js файлы, можно подключать библиотеки (для pdf точно нужна), но они должны быть 1 файлом и входить в итоговый архив. Работать все должно без интернета, автономно.
-
I am ready to help you with adding watermarks to PDF and images. I look forward to discussing the details and starting the work!
Я готов помочь вам с добавлением водяных знаков на PDF и изображения. Жду возможности обсудить детали и начать работу!
-
Good afternoon, I'm writing again, ready to take on the project, the price and deadlines in the bid are current. I have experience with similar scripts. Feel free to reach out.
Добрый день, снова пишу, готов взяться, цена и сроки в ставке актуальные. Был опыт с подобными скриптами. Обращайтесь
-
829 6 0 Hello. I have already worked with a similar watermark builder, only for images, there will be no issues with pdf.
I suggest instead of dots on the preview, to allow the user to choose the position of the watermark by dragging. My version will work great without the internet and is compressed into one js file.
Здравствуйте. Я уже работал с похожим конструктором водяных знаков, только для изображений, с pdf проблем не возникнет.
Предлагаю вместо точек на превью, дать возможность юзеру самому выбирать положение водяного знака с помощью перетаскивания. Мой вариант будет отлично работать без интернета и сжат в один js файл.
-
228 Good day, I am ready to start working on this order as soon as possible.
Добрий день, готовий розпочати виконання даного замовлення у найближчий час.
-
5055 23 0 Good day,
I am ready to create a JavaScript script for adding watermarks to PDFs and images of various formats. My experience will allow me to implement functionality, responsive design, and a button for selecting another file. I work for a rate of $16 per hour.
I am ready to start working and discuss all the details of the project.
Sincerely,
Maxim
Добрый день,
Я готов создать скрипт на JavaScript для добавления водяных знаков на PDF и изображения различных форматов. Мой опыт позволит реализовать функционал, адаптивный дизайн и кнопку для выбора другого файла. Работаю за рейт 16$ в час.
Готов начать работу и обсудить все детали проекта.
С уважением,
Максим
-
2289 37 0 Hello, I am ready to implement a similar functionality for you that will work autonomously!
Вітаю, готовий виконати для вас подібний функціонал, котрий буде працювати автономно!
-
2328 30 1 Good afternoon, Konstantin
watermark
I made a similar generator for Doctor Medvedev's Clinic, and a few other projects
the generator allowed adding info to the fields and ultimately getting a PDF, with signatures, seals, and necessary stamps
I can create such a program for you that you are writing about
I am waiting for you!
Добрый день, Константин
watermark
делал подобный генератор для Клининики Доктора Медведева, и еще несколько проектов
генератор позволял в поля добавлять инфу а в конечном итоге получать пдф, с подписями, печатями и необходимыми штампами
Смогу выполнить для вас такую программу о которой вы пишите
Жду вас!
-
deleted by moderator
-
Current freelance projects in the category HTML & CSS
Google Search Console, fixing technical errors with indexingNeed to fix SEO indexing settings errors for the Shopify site. Google is not indexing some pages. - remove outdated pages - fix errors or change data for proper indexing of pages. Site https://todowood.com/ HTML & CSS, Website SEO Audit ∙ 1 hour 19 minutes ago ∙ 4 proposals |
Redesign the personal account on OpenCart 2.3
201 USD
need to redesign the personal account on OpenCart 2.3 according to the design from Figma, it's already final https://www.figma.com/design/2j8bFg3fqy866ZgV5IsNN5/NM the site nailsmania.ua it is necessary to create not only the image but also the functionality HTML & CSS, Web Programming ∙ 1 hour 42 minutes ago ∙ 4 proposals |
Development of a service for a furniture company
274 USD
Task It is necessary to develop an internal service for a furniture company. The essence of the service: a furniture quiz-configurator. On the first screen, a person selects furniture (for example, a wardrobe), on the second — the type of furniture (for example, a sliding… HTML & CSS, Databases & SQL ∙ 3 hours 45 minutes ago ∙ 11 proposals |
Marketplace setup on WorkreapAn experienced freelancer is needed for the setup and customization of a service marketplace based on Workreap (WordPress). The project aims to create a platform for ordering repair services. Main tasks: 1. Installation and configuration of the Workreap theme. 2. Configuration… PHP, HTML & CSS ∙ 12 hours 54 minutes ago ∙ 4 proposals |
Create a landing page
12 USD
Need an HTML landing page how it should look, as simple as possible https://ua-bestdeal.shopiforge.com/product/tonometr-ch It must be connected to the Telegram bot (so that applications come in) Also, Google Analytics needs to be set up And integration with LP CRM needs to be… HTML & CSS, PHP ∙ 14 hours 12 minutes ago ∙ 19 proposals |