canvas example

messing with canvas

by realhunts

HTML

<canvas id="canvas" width="300" height="150">
            This text is displayed if your browser does not support HTML5 Canvas.
        </canvas>

JavaScript

var my_canvas = document.getElementById('canvas'),
    ctx = my_canvas.getContext("2d");
    
var text = "hello world"
var blur = 3;
var width = ctx.measureText(text).width + blur * 2;
ctx.textBaseline = "top"
ctx.shadowColor = "#000"
ctx.shadowOffsetX = width;
ctx.shadowOffsetY = 0;
ctx.shadowBlur = blur;
ctx.fillText(text, 10, 90);