畫布中的旋轉線框球面

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（因爲聽起來像您一樣）。