Click image, draw in canvas

A user on Experts-Exchange asked how to do this, so I created this jsFiddle to demonstrate how.

HTML

<img src="https://assets.servedby-buysellads.com/p/manage/asset/id/38523" id="myPicture" />
<br />

<canvas id="myCanvas" width="300" height="60"
style="border:1px solid #000000;padding:0;background-color: #f00;">
</canvas>

JavaScript

$('#myPicture').click(function (e) { 
    var canv = document.getElementById("myCanvas");
    var ctx=canv.getContext("2d");
    var img=document.getElementById(e.target.id);
    ctx.drawImage(img,25,5,5);
});