画布中的旋转线框球面

Question

我承认，我不太熟悉canvas或JavaScript（哎呀，我在很多年里还没有做过trig），但是我能够找到类似于我在一些画布演示中寻找什么。

转动球体：http://www.javascriptdemos.com/?demoid=1

这几乎正是我想要的，但我想知道，如果有人可以帮我画线，而不是它被用于点缀经度和纬度。

任何援助将不胜感激。

Answer 1

要画上一个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()。请注意，只要您想为所有细分使用相同的lineWidth/strokeStyle，就可以拨打moveTo()multiple times during a single path（因为听起来像您一样）。