{"id":8614,"date":"2014-07-25T05:06:44","date_gmt":"2014-07-24T19:06:44","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=8614"},"modified":"2015-05-17T12:23:44","modified_gmt":"2015-05-17T02:23:44","slug":"phpjavascript-svg-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascript-svg-primer-tutorial\/","title":{"rendered":"PHP\/Javascript SVG Primer Tutorial"},"content":{"rendered":"
\"PHP\/Javascript<\/a>

PHP\/Javascript SVG Primer Tutorial<\/p><\/div>\n

The HTML5 specification allows for the display of 2D-graphics via SVG HTML tags<\/a> which use graphical applications in XML and the XML is then rendered by an SVG viewer. SVG stands for Scalable Vector Graphics.<\/p>\n

We’ve talked about the HTML canvas element as another means to come to this end, but the SVG methods are more straightforward in their creation.<\/p>\n

For today’s tutorial we follow the advice at this wonderful tutorial<\/a> and wrap it in PHP, so that you can specify your own parameters. Hope you find it very useful, and easy.<\/p>\n

This demonstrates to you that if you have some great static HTML you can keep that great static content and present a dynamic version the user can play around with, and learn from, by adding that PHP server-side content. For today’s PHP interface we got the HTML to use an HTML form of the relevant shape’s characteristics and post<\/i> this data back to the same PHP webpage, analyzing the $_POST[] data to fill in the static HTML parameter values with user-defined parameter alternatives.<\/p>\n

Today we have PHP and Javascript programmable source code you could call SVG_Primer.php<\/a> and here is its live run<\/a>.<\/p>\n

If this was interesting you may be interested in this<\/a> too.<\/p>\n