如何使用canvas和javascript动画100个圆圈?

时间:2016-01-24 13:13:56

标签: javascript html5 canvas

我正在尝试创建一个黑洞模拟,它将显示一个黑洞和100个圆圈,其速度会因重力而下降。这是我的代码:

<?php

include('dbconnect.php');

$name=$_POST['name'];
$email=$_POST['email'];
$country=$_POST['country'];
$phone=$_POST['phone'];
$city=$_POST['city'];
$summary=$_POST['summary'];
move_uploaded_file($_FILES["cv"]["tmp_name"],"Documents/"  .$_FILES["cv"]["name"]);

$sql = "insert into work-with-us(name,email,country,phone,city,summary) values('".$name."','".$email."','".$country."','".$phone."','".$city."','".$summary."')";

    mysqli_query ($sql);
?>

有人能告诉我为什么我不能让画布画出黑洞以及如何制作那100个圆圈并为它们制作动画,我实际上已经尝试了所有的东西而我无法使其工作 非常感谢

1 个答案:

答案 0 :(得分:0)

你错过了html中的画布:

<canvas id="space"/>

你需要将ctx传递给你的绘图函数:

blackhole.draw(ctx);

虽然它仍然没有画画,但这可能是因为尺寸/颜色。

更新

这是您可以看到的版本:https://jsfiddle.net/gjwh33mq/2/从这里您可以逐步更改数字。 (有一些奇怪的错误,window.onload没有被调用,所以我在js的末尾添加了一个调用)