# もぐらの指定位置に描画

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    	function draw(selector,pos,angle)
    	{
    		var value = 'translate('+pos[0]+'px,'+pos[1]+'px) rotate('+angle+'deg)';
    		css = {
                "-webkit-transform": value,
                "-moz-transform": value,
                "-ms-transform": value,
                "-o-transform": value,
                "transform": value};
    		selector.css(css);
    	}

では「制御」→「実行」メニューを実行してください。
drawメソッドで位置と回転角度を指定して描画しています。
translate(X px,Y px) rotate(ANGLE deg)で位置と回転角度をvalueに代入しています。
-webkit-transformや-moz-transformなどで全てのブラウザ向けに変形にvalueを指定しています。
セレクタselectorにcssを指定しています。

### 次へ