Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:在3D中旋转一个圆_Javascript - Fatal编程技术网

Javascript:在3D中旋转一个圆

Javascript:在3D中旋转一个圆,javascript,Javascript,我用HTML在画布上画了一个圆圈 我想把它绕x轴旋转到z轴。最后,我想以给定的速率重复这个过程,以创建一个球体的幻觉。然后围绕y轴重复 最后,我想为椭圆创建一个球体 然而,我不确定第一步是什么;z轴绕x轴的旋转 var canvas=document.getElementById(“circleCanvas”); var mC=canvas.getContext(“2d”); mC.beginPath(); mC.arc(100,75,50,0,2*Math.PI); mC.stroke()

我用HTML在画布上画了一个圆圈

我想把它绕x轴旋转到z轴。最后,我想以给定的速率重复这个过程,以创建一个球体的幻觉。然后围绕y轴重复

最后,我想为椭圆创建一个球体

然而,我不确定第一步是什么;z轴绕x轴的旋转

var canvas=document.getElementById(“circleCanvas”);
var mC=canvas.getContext(“2d”);
mC.beginPath();
mC.arc(100,75,50,0,2*Math.PI);
mC.stroke()

您的浏览器不支持HTML5画布标记。

您可能需要将三维空间中的圆投影到平面上。我建议你在谷歌上搜索更多的例子。这就是我发现的可能对你有帮助的东西。然而,这个话题要深刻得多。例如,等轴测摄影机将给出与透视不同的结果。您可以只使用椭圆来模拟它,但它看起来是错误的()。您可以寻找一些库,这样您就不必自己实现它,除非您愿意。谢谢您的指导。我担心这可能过于复杂,其他地方有更快/更好的方法。