한 점을 기준으로 + 를 회전시킴

[.js] div 의 이동 2017. 9. 6. 16:55

<html>
<head>
<script type="text/javascript">

function rotate_exe() {
s += 2;
var sx = Math.cos((s)*1*deg)*r;
var sy = Math.sin((s)*1*deg)*r;

document.getElementById('star').style.left = Math.round(cx + r + sx ) + 'px';
document.getElementById('star').style.top = Math.round(cy + r + sy ) + 'px';
}

function start_rotate() {
r = 30; //반지름
deg = Math.PI/180; //degrees
s = 0;

document.getElementById('star' ).style.position = 'absolute';
document.getElementById('star' ).innerHTML = '+';

cx = 300; //별이 회전하는 축의 x
cy = 300; //별이 회전하는 축의 y
aa = setInterval("rotate_exe()", 50);
}

</script>
</head>
<body onload="start_rotate();" >
<div id="star" style="" ></div>
</body>
</html>

'[.js] div 의 이동' 카테고리의 다른 글

div 회전 (0)	2017.09.07
클릭 드레그 하면 따라다니는 div (0)	2017.09.07
click 누르면 div를 생성해서 특정 위치에 위치시킨다. (0)	2017.09.06