Simple Web Page to create or draw watermark on photos

(attached image is part of requirements)

design is based on this Project on github: [login to view URL]

This shall be easy for an experienced web developer with experience in PHP and JS.

I've put very detailed requirements below. Don't be scared. :)

Only developers with good reviews and completion rate will be considered.

A. Main Objectives

A.1 a web page for user to watermark their images

A.2 or create a transparent image of watermark

B. Detailed requirements (with attached image of screen mock)

B.1 Define watermark

There are 2 ways user can define the watermark

B.1.1 User upload a watermark image

B.1.2 User define labels to be used as watermark

B.1.2.1 label

This is text to be displayed as watermark

B. label line 1, with a drop down list of Left/Center/Right

B. label line 2, with a drop down list of Left/Center/Right

optional 2nd line of watermark. only shown/enabled when label line 1 has value

B. Upon user input to label line, text displayed on image

B.1.2.2 drop down list of Font Names

B. list of fonts shall be stored in a given directory in ttf format.

see fonts here: [login to view URL]

B. format of font file name

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

B. display font name use file name without extension, like 'SinkinSans-100Thin'

B. select font name shall change the watermark text display on loaded image

B.1.2.3 drop down list of Font Size (pre-defined font size)

B.2 Position of watermark

B.2.1 User can drag watermark on the image area

B.3 Upload Photos Button

B.3.1 user can upload up to 30 images to have watermark

B.3.2 when clicked, upload from local shall be shown, allow multiple selection of valide format (.jpg,.png,..)

B.3.2 upon closing of upload photo screen, thumbnail of each uploaded image show be displayed to next empty pic-N

B.3.2.1 if no image is displayed, pic-1 shall be displayed to image area

B.4 "pic-N" thumnail

B.4.1 when clicked, the image is displayed on image area, with watermark applied (current setting)

B.4.2 when "X" on thumbnail is clicked, remove that image , rest of "pic-N" shift up

B.5. Download Watermark

B.5.1 Enabled when watermark is not uploaded, and 8.1 is done

B.5.2 upon clicked, create a transparent image with current watermark displyed

B.6 Download Photos

B.6.1 Enabled when 8.1 and 8.3 are done, and there is at least 1 image in pic-1 with watermark displayed

8.6.2 Upon click, create zip of watermarked images for download

B.7 Transparency

scroll bar to change transparency of watermark

B.8 Position, X, Y

see Github "Generator-of-watermarks"

C Tech

C.0 all tools, modules used must be free open source for commercial use or in house developed

C.1 language: PHP, JS

C.2 code shall follow good practice and coding style with sufficient comments


Skills: Javascript, HTML, PHP

See more: simple web page file uploader, build simple web page header, html code simple web page layout, simple web page calendar, attractive simple web page format, simple web page header menu, editable table simple web page, cms simple web page maker, simple web page top menu bar, windows server 2003 web page create iis, flash simple web page intro joomla, design simple web page html, html code simple web page, simple web page, simple web page developed html, simple web page include drupal, codeigniter create simple web page, create a simple web page, create a simple web page in python

About the Employer:
( 2 reviews ) Edison, United States

Project ID: #24288219

13 freelancers are bidding on average $171 for this job


Hello there I've check the sample source [login to view URL] So you want to add section to place label and support multiple image upload as grid below the main image right I can provide the sample of me previous pr More

$180 USD in 3 days
(384 Reviews)

Hello, I am an experienced web developer,capable of making your watermark web site. I can start right away and deliver in a timely manner.

$138 USD in 5 days
(12 Reviews)

how are you? i want to work this project with you. my skill is php html... i checked png file. i can do it.

$190 USD in 7 days
(3 Reviews)

Hi there, I will design and develop your watermark website using the libraries necessary. I have experience in PHP, Java, Python and more. Open chat and lets get started. Best, Ronny K

$144 USD in 10 days
(1 Review)

Dear client I'm new freelancer, but I have good experience of watermark generation programming on web. I read your requirements carefully and I think I can finish your project very well. I will do my best to make clien More

$110 USD in 3 days
(1 Review)

Hello, thanks for your post. I have read your post carefully and got what you want. You can read my post here. [login to view URL] I think it will be a really good chance for me to work with you. More

$170 USD in 7 days
(1 Review)

Hi, I am a Senior web expert with have rich experience of 8 years over in the backend & frontend. Core skills - Php, Laravel, Node.js, Angular.js, Vue.js, [login to view URL], MongoDB, Python, Wordpress, Amazon Web Services. More

$200 USD in 7 days
(2 Reviews)

Hi, I am willing to work with you on this project. I am quite new here but you can see me and my Company proven track record at these links. [login to view URL] [login to view URL] After reading your job des More

$250 USD in 15 days
(1 Review)

----- [ To Clients ] ----- 8 Years of my Working STYLE - My Goal is to give you, client over 100% satisfaction and to implement your ideas real so that make your business thrive and grow. - I understand cli More

$200 USD in 7 days
(2 Reviews)

-------------------------------------------------------------- Dear Client, I hope you are doing well! I read out all the description and i clearly understood your project requirements. I have good knowledge in JS. More

$140 USD in 7 days
(1 Review)

Hello Dear. Thank you for posting wonderful project. I checked your project and feel kind of you. This is wonderfully detailed project I have ever seen. I hope to work with a client like you. I am full stack developer More

$140 USD in 7 days
(0 Reviews)

I have extensive hands on experience of more than 3 years for website development using HTML, CSS, Java scripting, PHP, MySQL etc. My candidature will be bolster with applied skills in past projects.

$155 USD in 7 days
(0 Reviews)

My prupose is build your website in php, js and css, in css I can opacity the image into transparent to convert in watermark. I fix your problem as soon as possible, I am a full stack developer, I have development web More

$200 USD in 6 days
(0 Reviews)