画出动圈

Question

在搜索我怎样才能使用php创建一个移动圈时,我发现了这个问题.但是因为我不是很专业的PHP所以大部分事情都不是我可以理解的.所以我想我现在必须咨询专家:)
我想绘制一个圆圈,它将在我的php页面上以圆周运动方式移动.
我的努力:我已经尝试了很多,但我唯一发现它将通过canvasHTML5 实现.但我陷入了笛卡尔,半径等等.这些事情让我很困惑.
Anhy建议请.

Answer 1

背后的数学是:

x = centerX + radius * Math.cos(angle * Math.PI / 180);
y = centerY + radius * Math.sin(angle * Math.PI / 180);

现在您可以将结果输入到包含球的div元素:

var element = document.getElementById('ball');
var angle = 0;
var x = 0;
var y = 0;
var w = (window.innerWidth - 50) / 2;
var h = (window.innerHeight - 50) / 2;

function ballCircle() {
    x = w + w * Math.cos(angle * Math.PI / 180);
    y = h + h * Math.sin(angle * Math.PI / 180);

    ball.style.left = x + 'px';
    ball.style.top = y + 'px';

    angle++;
    if (angle > 360) {
        angle = 0;
    }
    setTimeout(ballCircle,20);
}
ballCircle();

我在jsfiddle上做了一个演示:http://jsfiddle.net/AqKYC/