Develop javascript code to visualize a camera len’s field of view, as seen here: http://bit.ly/dBIxQM
Summary: Javascript to draw two overlapping triangles to visualize to angles, say 30deg and 75deg.
Requirements:
– Must work on IE7/8/9, Chrome, Safari, Opera, Firefox 3+ on all platforms (windows, mac, linux etc)
– no external dependencies on javascript libraries (except jQuery 1.4.2)
– must be small (kb), fast
– must support showing two angles (for a zoom lens) and one angle (for a prime lens)
– must support changing angles at runtime (e.g. initially show one set of angles, then change to show another set of angles)
– colors/basic appearance to be customizable
– display one or two shapes representing the angles (no text needed)
rough/skeleton proposed javascript syntax:
$(‘#myDiv’).angleView( {
width: 100,
height: 100,
angle1: 22.37,
angle2: 65.28,
angle1_color: #blue,
angle2_color: #orange
})
Budget: US$ 7