Hatena::Groupjavascript

lnzntのJavaScript日記 このページをアンテナに追加 RSSフィード

2010年11月12日(金)

Canvas API (その2) 円と矩形の描画

| 23:01 | Canvas API (その2) 円と矩形の描画 - lnzntのJavaScript日記 を含むブックマーク はてなブックマーク - Canvas API (その2) 円と矩形の描画 - lnzntのJavaScript日記 Canvas API (その2) 円と矩形の描画 - lnzntのJavaScript日記 のブックマークコメント

        // 円の描画   (角度はラジアン)
        ctx.beginPath();
        //       x    y   半径  開始角 終了角     描画方向が反時計回りか否か
        ctx.arc(150, 75, 60,   0,     Math.PI*2, false);
        ctx.stroke();

        // 矩形の描画
        ctx.strokeStyle = '#ff0000';   // 枠線の色の指定
        ctx.strokeRect(0,0,300,150);   // 枠を描画
        ctx.fillStyle = '#0000ff';     // 塗り潰し色の指定
        ctx.fillRect(20,20,260,110);   // 塗り潰し
        ctx.clearRect(40,40,220,70);   // くり抜き