図形を描く - MDCグリッド 描き始める前に、 canvas のグリッドもしくは 座標空間 について話す必要があります。前のページの HTML テンプレートは幅150ピクセル、高さ150ピクセルの canvas 要素を持っていました。私はこの画像をデフォルトのグリッドに上書きして描きました。普通 グリッド上の 1 単位は canvas 上の 1 ピクセルに相当します。このグリッドの原点は左上の角(座標 (0,0))に位置します。全ての要素がこの原点から相対的に配置されます。よって青い正方形の左上の場所は左から x ピクセル、上から y ピクセル(座標 (x,y))に来ます。 このチュートリアルの後半で原点を他の位置へずらす方法、グリッドを回転したり、伸縮したりさえする方法を見ることになります。今はデフォルトで我慢しましょう。 図形を描く SVG とは異なり、canvas は一つの原始図形 - 矩形 - の
