Click three different places in the box and on 4th click you will get Triangle. Based on these 3 dots you will get two additional shapes. 1. A blue parallelogram, having three of its corners in the points selected by the user. 2. A yellow circle, with the same area and center of mass as the parallelogram. Note: The user is free to move around the points. This makes the parallelogram, circle and printed information update accordingly. There is reset button to restart the whole process. And also Help button where you can see information regarding draw shapes.
rizwanpk / interactive-shapes Goto Github PK
View Code? Open in Web Editor NEWInteracts with the user and draws some geometrical shapes by using html/Javascript