Rotation filaire Sphère dans la toile

Question

Je vais admettre, je ne suis pas encore très versé dans la toile ou javascript encore (diable, je n'ai pas fait de trig depuis de nombreuses années), mais j'ai été capable de trouver quelque chose de similaire à ce que je cherchais dans certaines démos de toile.

Sphère Rotating: http://www.javascriptdemos.com/?demoid=1

Il est presque exactement ce que je voulais, mais je me demandais si quelqu'un peut me aider à dessiner des lignes plutôt que dans étant en pointillés pour la longitude et la latitude.

Toute aide sera grandement appréciée.

Answer 1

Pour tracer une ligne sur un contexte de toile 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! 

Je soupçonne que vous manquez l'appel à stroke() dans vos tentatives. Notez que vous pouvez appeler moveTo()multiple times during a single path, tant que vous voulez utiliser le même lineWidth/strokeStyle pour tous les segments (comme vous le feriez).