Text to DataUri

Simple text to canvas to data Uri utility code

by austegard

HTML

<canvas id="canvas" width="300px" height="16px"></canvas><br>
<input type="text" id="data" value="url" style="width:600px; font-size:9px" />

JavaScript

function draw() {
    var can = document.getElementById('canvas');
    var ctx = can.getContext('2d');
    var fillText = "This is a test";

    ctx.textBaseline = "top";
    ctx.font = "12px Helvetica";
    ctx.fillStyle = "red";
    ctx.fillText(fillText, 0, 2);
    
    document.getElementById("data").value = can.toDataURL();
}

draw();