Skip to content

Instantly share code, notes, and snippets.

@solars
Created May 14, 2013 21:22
Show Gist options
  • Save solars/c1cf0efbb1b4870a4974 to your computer and use it in GitHub Desktop.
Save solars/c1cf0efbb1b4870a4974 to your computer and use it in GitHub Desktop.
div#target
| Dump
div#target2
| Load
textarea#txtarea
br/
canvas id="tools_sketch" width="800" height="300" style="background: url(http://farm1.static.flickr.com/91/239595759_3c3626b24a_b.jpg) no-repeat center center;"
javascript:
$(function() {
$('#tools_sketch').sketch({defaultColor: "#ff0"});
});
$("#target").click(function() {
$('#txtarea').val( $('#tools_sketch')[0].toDataURL());
});
$("#target2").click(function() {
loadCanvas($('#txtarea').val());
});
function loadCanvas(dataURL) {
var canvas = document.getElementById('tools_sketch');
var context = canvas.getContext('2d');
// load image from data url
var imageObj = new Image();
imageObj.onload = function() {
context.drawImage(this, 0, 0);
};
imageObj.src = dataURL;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment