Naupad Doshi
Naupad Doshi

Reputation: 496

Mimic flash code using jQuery

http://www.geteyesmart.org/eyesmart/diseases/glaucoma/vision-simulator.cfm

Can anyone help me in creating the functionality shown as a flash file in above URL using jQuery?

Basically the flash shows a slider which when moved from left to right, adds a black spot on the top of the image and when the slider reaches the right most point, the entire image is covered with black background color.

Upvotes: 0

Views: 45

Answers (1)

Roberg
Roberg

Reputation: 1093

It would help if you would have the ActionScript of that Flash. You would want to use the <canvas> element. There are plenty of examples and tutorials around. You can simply draw circles and stuff:

ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);

Here's a quick demo I made

Upvotes: 1

Related Questions