// ottengo l'oggetto canvas

var canvas = document.getElementById("tela");

// verifico se il browser in uso può utilizzare l'oggetto canvas

if (canvas && HTML5.Features.hasCanvas())

{

    // ottengo il contesto 2D

    var context = canvas.getContext("2d");

    // verifico se posso usare gli attributi di ombreggiatura

    if (context && "shadowOffsetX" in context && "shadowOffsetY" in context && 

"shadowBlur" in context && "shadowColor" in context)

    {

        // imposto i valori degli attributi per avere un effetto di ombreggiatura sui 

        // disegni del canvas

        context.shadowOffsetX = 7;

        context.shadowOffsetY = 7;

        context.shadowBlur = 4;

        context.shadowColor = "rgba(255,0,0,0.6)";

        // disegno un rettangolo

        context.fillStyle = "#D0D";

        context.fillRect(10, 10, 400, 200);

        // disegno del testo

        context.font = "26px Tahoma";

        context.fillStyle = "Black";

        context.fillText("Un rettangolo ombreggiato...", 40, 250);

    }

}