Javascript HTML5 Canvas image gradient

$250-750 USD

Completed

Posted

over 10 years ago

$250-750 USD

Paid on delivery

I want a javascript function that will draw an image on an HTML5 canvas so that the image fades to TRANSPARENT. The gradient TYPE (linear or radial) and DIRECTION should be parameters passed to the javascript function. It is important that the image fades to transparent and not a color, so that whatever is in the background is visible (eg. an image in another element giving the impression of the 2 images fading into each other). drawFadingImage(context, imageSource, type, direction){... } eg. drawFadingImage(myCtxt, "/[login to view URL]", "linear", "LeftToRight"); Thanks!

HTML5

JavaScript

Project ID: 5353273

About the project

4 proposals

Remote project

Active 10 yrs ago

Looking to make some money?

Email address

Benefits of bidding on Freelancer

Set your budget and timeframe

Get paid for your work

Outline your proposal

It's free to sign up and bid on jobs

Awarded to:

@JamesHoekz

I have experimented heavily with Javascript and the HTML5 Canvas. I have never attempted what you are describing but I can think of a way to do it using ImageData and quite a bit of math. I have the tools necessary to test such code as well. I believe it should also be possible to change the fading type (linear, radial, bilinear, border) and the offset of the fade. It may take a little time, but should be very possible.

$250 USD in 10 days

0.0

(0 reviews)

0.0

4 freelancers are bidding on average $341 USD for this job

@Samtiger2

I am highly interested in this project and will help you achieve results above and beyond you expectation with a quick turnaround...Hope to achieve next positive feedback from you!!! Please check you inbox for more info.

$308 USD in 3 days