Reputation: 496
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
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