Merge Design Images and Mask Images Using CSS.

종료 등록 시간: 3년 전 착불
종료 착불

Please refer to attached image [login to view URL]

I need a simple web page with 2 sets of 10 image uploaders. One set of 10 uploaders will be used to upload design images. Each design image uploader should also have a text box that I can enter names for each one.

The second set of 10 image uploader will be used to upload images that will be used as masks for the 10 design images. Each one of these image uploaders for the mask images should also have a name text box. The image uploaders for the mask images should also have associated text boxes to enter CSS values for position x, position x, scale x, scale y, skew x, skew y.

refer to 'design images' folder for images that I will use for uploading the design images.

refer to 'mask images' folder for images that I will use for uploading the mask images.

for each mask image that I upload, take the matching uploaded design image with the same name, then apply the values associated with that mask that were entered in the text boxes using CSS. Then apply the mask image over the design image.

Then do the same thing for all matching mask/design images and merge all layers into one image and dispay on the page. Refer to image [login to view URL] as an example of what the final image should look like.

I will also need 1 more image uploader. This image will be used as the background layer of the final image. Refer to image [login to view URL] for an example of an image that I will use for this.

the bounding box of the final image will be 1000 x 1000 px

all the mask images will also be 1000 x 1000 px

The sizes of the design images will vary. The design image will be positioned/resized/skewed using the CSS values entered for the matching mask within a 1000 x 1000 bounding box

not all image uploaders will be used all the time.

I think you can use CSS property transform: matrix() for all values. Here is a good example:

[login to view URL]

HTML CSS 웹사이트 디자인 그래픽 디자인 JavaScript

프로젝트 ID: #27478053

프로젝트 소개

16 건(제안서) 재택 근무형 프로젝트 서비스 이용 중: 3년 전

이 일자리에 대한 프리랜서 16 명의 평균 입찰가: $91

webperfection123

Hi There, I can Merge Design Images and Mask Images Using CSS. I have read your job description and assure you that I am a perfect fit for the job. Available NOW and can start Immediately. Looking for the soonest 기타

$100 USD (1일 이내)
(221 리뷰)
7.4
sharmarahulraman

Hello, How are you? I understand the requirements of your project, I'm interested to hear more about the project and about the subject matter of the lectures. this is something that I and my team can definitely take ca 기타

$102 USD (3일 이내)
(94 리뷰)
6.0
alexsamdev

Hi, As you can see, I am a Full- Stack developer. I've just read your description very carefully and I am completely sure that I can handle your project without any risk or mistake. I’m a Senior JavaScript Developer wh 기타

$100 USD (3일 이내)
(10 리뷰)
5.1
neha1990love

Hii I would like to propose my candidacy for your Job post of Merge Design Images and Mask Images Using CSS. With over three year’s experience of helping companies meet the challenges of a connected world, I feel I wo 기타

$100 USD (3일 이내)
(54 리뷰)
5.1
Developerdeepika

Hello, I have read your project description carefully. You want both an android and web developer. I have some experienced developers who has deep knowledge about app development and web development. Kindly message me 기타

$80 USD (7일 이내)
(46 리뷰)
5.5
BXsolution

Hello, I went through the project description and I am quite suitable for the job, As I have 6+ years of experience in Web Development, php, Html5 ,CSS3 ,Bootstrap, Jquery, Wordpress So I know the procedure and so ca 기타

$80 USD (1일 이내)
(74 리뷰)
5.1
Rabailshah1989

Hi, I have thoroughly reviewed your project description and I am sure to provide you with the best quality project as I have developed alot of website under diverse niches such as HealthCare, Medical Industry, Network 기타

$250 USD (5일 이내)
(16 리뷰)
4.8
manusharma2992

Hello In your website I have checked the Requirement That you want to make your Merge Design Images and Mask Images Using CSS. I am the expertize in all platform to making your site like:- WORD PRESS, PHP, HTML+ RESP 기타

$100 USD (6일 이내)
(21 리뷰)
4.2
saimamin0007

Hi I have read the description of the project carefully so I am interested in this work These are my skills and I am a professional in this job and I will do a great job for you It suits you and you will be happy with 기타

$30 USD (1일 이내)
(33 리뷰)
4.1
LovelyDevv

HI, I have rich experience in html,css,Javascript,website design,etc. I have read your description and I can do this project. Your job is very fun for me and I am confident this project. If you hire me, you will get go 기타

$50 USD (1일 이내)
(19 리뷰)
4.2
MykolaPidgainyi

Hello I am Mykola, Full stack developer from Ukraine. I have read your job and very glad to meet your job. I have experienced such as yours several times.. I can do your job surely and provide complete result and techn 기타

$100 USD (7일 이내)
(0 리뷰)
0.0