# 指定座標と回転角度で描画

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

    	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).show().css(css);
    	}

では「制御」→「実行」メニューを実行してください。
セレクタの画像を(X,Y)=(pos[0],pos[1])座標に、回転角度angleのvalueで描画していますね。
cssはwebkitとmoz、msなど全てのブラウザに対応したtransform(変形)にvalueを指定していますね。

### 次へ