{"id":16258,"date":"2016-07-25T03:51:43","date_gmt":"2016-07-25T03:51:43","guid":{"rendered":"http:\/\/www.oracletutoring.ca\/blog\/?p=16258"},"modified":"2018-07-10T14:48:18","modified_gmt":"2018-07-10T14:48:18","slug":"jsdraw-test","status":"publish","type":"post","link":"https:\/\/www.oracletutoring.ca\/blog\/jsdraw-test\/","title":{"rendered":"jsDraw2DX Test"},"content":{"rendered":"<h1>The tutor tests graphics with the jsDraw2DX library.<\/h1>\n<p><script src=\"..\/jsDraw2DX\/jsDraw2DX.js\"><\/script><\/p>\n<div id=\"graph0\" style=\"position:relative;height:300px;width:300px;background-color:yellow\"><\/div>\n<p><script src=\"\/..\/jsDraw2DX\/jsDraw2DX.js\"><\/script><br \/>\n<script src=\"\/..\/javascripts\/jul24_2016.js\"><\/script><\/p>\n<p>jsDraw2DX is a graphics library for JavaScript.  I&#8217;d call it object-oriented: for programmers used to that style, it may be very intuitive.  The tilted text above was generated from the following code:<\/p>\n<div style=\"color:#229922\">\nvar gr0=new jxGraphics(document.getElementById(&#8220;graph0&#8221;));<\/p>\n<p>var col0=new jxColor(&#8220;#770077&#8243;);<\/p>\n<p>var pen0=new jxPen(col0, &#8216;2px&#8217;);<\/p>\n<p>var font0=new jxFont(&#8216;serif&#8217;);<\/p>\n<p>var brush0=new jxBrush(col0);<\/p>\n<p>font0.size=&#8221;28px&#8221;;<\/p>\n<p>var text0= new jxText(new jxPoint(85,105), &#8220;jsDraw2DX&#8221;, font0, pen0, brush0,35);<\/p>\n<p>text0.draw(gr0);<\/p>\n<p>document.getElementById(&#8220;graph0&#8243;).style.margin=&#8221;auto&#8221;;\n<\/p><\/div>\n<p>I&#8217;ll be talking more about JavaScript graphics in future posts:)<\/p>\n<p>Source:<\/p>\n<p><a href=\"http:\/\/jsdraw2dx.jsfiction.com\/\">jsDraw2DX.js<\/a><\/p>\n<p>Jack of <a href=\"https:\/\/www.oracletutoring.ca\">Oracle Tutoring by Jack and Diane,<\/a> Campbell River, BC.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The tutor tests graphics with the jsDraw2DX library. jsDraw2DX is a graphics library for JavaScript. I&#8217;d call it object-oriented: for programmers used to that style, it may be very intuitive. The tilted text above was generated from the following code: &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/www.oracletutoring.ca\/blog\/jsdraw-test\/\"> <span class=\"screen-reader-text\">jsDraw2DX Test<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[105,1745],"tags":[1747,1746],"class_list":["post-16258","post","type-post","status-publish","format-standard","hentry","category-computer-science","category-javascript-computer-science","tag-javascript-graphics","tag-jsdraw2dx"],"_links":{"self":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/16258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/comments?post=16258"}],"version-history":[{"count":25,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/16258\/revisions"}],"predecessor-version":[{"id":35338,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/posts\/16258\/revisions\/35338"}],"wp:attachment":[{"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/media?parent=16258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/categories?post=16258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oracletutoring.ca\/blog\/wp-json\/wp\/v2\/tags?post=16258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}