Canvas to Image

by Brett

HTML

<canvas id="canvas" width="100" height="100"></canvas>
<img id="image">

CSS

#canvas {
    display: none;
}

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.beginPath(); 
ctx.strokeStyle = "black";
ctx.moveTo(20, 30);
ctx.lineTo(80, 70);
ctx.stroke();

document.getElementById('image').src = canvas.toDataURL();