enchant.jsで矩形や円を描く

画像以外のものを表示させる方法がわからなかったので適当に調べてみた．
Surfaceクラスのオブジェクトを作成してcontextに描けばよいらしい．
contextはcanvasのものと同じ（？）らしく矩形や円弧などが描ける．

var player = new Sprite(100, 100);
var surf = new Surface(100, 100);
surf.context.beginPath();
surf.context.fillStyle = 'rgba(252, 0, 0, 0.8)';
surf.context.fillRect(0, 0, 100, 100);
player.image = surf

参考

• Canvas - HTML5.JP