{"id":15361,"date":"2015-06-12T05:01:20","date_gmt":"2015-06-11T19:01:20","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=15361"},"modified":"2015-06-12T06:34:47","modified_gmt":"2015-06-11T20:34:47","slug":"php-and-javascript-and-css-shape-drawing-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/php-and-javascript-and-css-shape-drawing-tutorial\/","title":{"rendered":"PHP and Javascript and CSS Shape Drawing Tutorial"},"content":{"rendered":"
\"PHP<\/a>

PHP and Javascript and CSS Shape Drawing Tutorial<\/p><\/div>\n

It is no coincidence that Geometry and Land Surveying have a lot in common. When there are only small distances we talk about Plane Geometry because the curvature of the earth doesn’t come into the equation. When Earth curvature matters, over longer distances, in Land Surveying the term Geodetic Surveying<\/a> is often used. Here, the equations used need to model the Earth as close as possible to known measurements.<\/p>\n

So today, with our Plane Geometry web application, we start with our previous Survey Traverse web application, and add to its functionality with ability for it to fill out more for the user to describe a regular polygon of their choosing, defined by …<\/p>\n

    \n
  1. number of polygon sides<\/li>\n
  2. length of each polygon side<\/li>\n<\/ol>\n

    We also add to the Google Charts Line Graph of the Drawn Shape a popup window showing the polygon as an HTML svg<\/a> element. Part of the reason for this is that the Google Chart Line Graph can exaggerate the x or y co-ordinate of its plots, but with the HTML svg element, you avoid this issue, as we are just showing you a “relative” view of the shape (ie. as distinct from an “absolute” view with distinct co-ordinates).<\/p>\n

    The thinking here started with a look at New Century Maths stages 5.2\/5.3 “Exterior angle sum of a convex polygon”. Did you know?<\/p>\n

    \nThe sum of the exterior angles of a convex polygon is 360\u00b0.\n<\/p><\/blockquote>\n

    What we found to be the case, practically speaking, to imagine the drawing of a regular even-sided convex polygon (with “numsides” sides) was …<\/p>\n