Javascript 在画布中旋转线框球体

我承认，我还不太精通canvas或javascript（见鬼，我已经很多年没做trig了），但我能够在一些canvas演示中找到类似的东西

旋转球体：

这几乎正是我想要的，但我想知道是否有人能帮我画线，而不是用经度和纬度来点

---

非常感谢您的帮助。

要在HTML画布上下文上画一条线：

var ctx = mycanvas.getContext('2d');
...
ctx.lineWidth   = 2; //px
ctx.strokeStyle = '#000'; // black
ctx.beginPath();
ctx.moveTo(14,42); // First point
ctx.lineTo(20,30); // Repeat as desired
ctx.lineTo(25,35); // Repeat as desired
ctx.stroke();      // Actually draw the path! 

---

我怀疑您在尝试时错过了对

stroke（）

的调用。请注意，您可以调用

moveTo（）

，只要您想对所有段使用相同的线宽/笔划样式（听起来像是这样）。

要在HTML画布上下文上画一条线：

var ctx = mycanvas.getContext('2d');
...
ctx.lineWidth   = 2; //px
ctx.strokeStyle = '#000'; // black
ctx.beginPath();
ctx.moveTo(14,42); // First point
ctx.lineTo(20,30); // Repeat as desired
ctx.lineTo(25,35); // Repeat as desired
ctx.stroke();      // Actually draw the path! 

---

我怀疑您在尝试时错过了对

stroke（）

的调用。请注意，您可以调用

moveTo（）

，只要您想对所有线段使用相同的线宽/笔划样式（听起来像是这样）。

我在演示中看到了如何绘制x、y和z以确定点（其中y和z对用于确定沿垂直线的纵向线段）。但是，在第一个循环之前添加ctx.beginPath（）并使其通过ctx.lineTo（z，y）循环会产生疯狂的线条，如图所示：我在演示中看到了如何绘制x、y和z以确定点（其中y和z对用于确定沿垂直线的纵向线段）。但是，在第一个循环之前添加ctx.beginPath（）并使其通过ctx.lineTo（z，y）循环会产生疯狂的线条，如图所示：