{"id":3383,"date":"2014-07-07T18:57:26","date_gmt":"2014-07-07T18:57:26","guid":{"rendered":"http:\/\/www.drmop.com\/?p=3383"},"modified":"2014-07-07T18:57:26","modified_gmt":"2014-07-07T18:57:26","slug":"html-5-gotchas","status":"publish","type":"post","link":"http:\/\/www.drmop.com\/index.php\/2014\/07\/07\/html-5-gotchas\/","title":{"rendered":"HTML 5 Gotchas"},"content":{"rendered":"<p>On this page I will place all of the gotchas that I come across during my HTML 5 developments.<\/p>\n<h1>IndexSizeError: Index or size is negative or greater than the allowed amount<\/h1>\n<p>I got this error Firefox and a similar error in Internet Explorer whilst drawing an image to the HTML 5 canvas using drawImage(). The problem turned out to be trying to draw a portion of an image that was outside its bounds. I was drawing what I thought was an 800&#215;600 image, which was actually 798&#215;600 so the source rectangular area that I was drawing was off the edge of the actual image. Doh!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On this page I will place all of the gotchas that I come across during my HTML 5 developments. IndexSizeError: Index or size is negative or greater than the allowed amount I got this error Firefox and a similar error in Internet Explorer whilst drawing an image to the HTML 5 canvas using drawImage(). The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[121,258,120],"tags":[582],"class_list":["post-3383","post","type-post","status-publish","format-standard","hentry","category-html-programming","category-html5","category-javascript-programming","tag-html5-canvas"],"_links":{"self":[{"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/posts\/3383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/comments?post=3383"}],"version-history":[{"count":1,"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/posts\/3383\/revisions"}],"predecessor-version":[{"id":3384,"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/posts\/3383\/revisions\/3384"}],"wp:attachment":[{"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/media?parent=3383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/categories?post=3383"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.drmop.com\/index.php\/wp-json\/wp\/v2\/tags?post=3383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}