{"version":"1.0","provider_name":"Robert Price","provider_url":"https:\/\/www.robertprice.co.uk\/robblog","title":"Loading An Image Into An HTML5 Canvas - Robert Price","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"5fH4MwcUdu\"><a href=\"https:\/\/www.robertprice.co.uk\/robblog\/loading_an_image_into_an_html5_canvas-shtml\/\">Loading An Image Into An HTML5 Canvas<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.robertprice.co.uk\/robblog\/loading_an_image_into_an_html5_canvas-shtml\/embed\/#?secret=5fH4MwcUdu\" width=\"600\" height=\"338\" title=\"&#8220;Loading An Image Into An HTML5 Canvas&#8221; &#8212; Robert Price\" data-secret=\"5fH4MwcUdu\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.robertprice.co.uk\/robblog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"As part of my Draw Something Solver, I need to be able to load an image into an HTML 5 Canvas. I thought I&#8217;d share the solution to help others. Firstly, assume you have an HTML page with an empty canvas element called drawsomething. Secondly, assume the image you want to load is next to &hellip; Continue reading \"\""}