例
"Hello world"という文字列を、200 * 150 ピクセルの矩形の内部だけ描画します:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(10,15,200,75);
ctx.clip();
ctx.fillStyle="lightblue";
ctx.fillRect(0,0,300,150)
ctx.fillStyle="red";
ctx.font="30px Arial";
ctx.fillText("Hello world", 10,30);
Try it yourself »