canvas example

messing with canvas

by uemon

HTML

<canvas id="canvas" width="200" height="200"></canvas>

CSS

canvas {
    border: 1px dotted black;
}

JavaScript

var my_canvas = document.getElementById('canvas'),
    context = my_canvas.getContext("2d");
    
context.font = "24px Helvetica";
context.fillStyle = "#000";
context.fillText("ぴかちゅー", 50, 50);