2010-12-02 23 views
2

私はキャンバスやjavascriptにまだ精通していません(何年も前にトリグをやったことはありません)。いくつかのキャンバスのデモで私が探していたもの。キャンバスに回転するワイヤーフレーム球

回転球面:http://www.javascriptdemos.com/?demoid=1

それは私が望んでいたほぼ正確に何だ、誰かが、私はむしろそれは経度と緯度のために点在しているよりも中に線を引くことができます場合、私は思っていました。

ご協力いただければ幸いです。 HTMLキャンバスのコンテキスト上に線を描画するために

答えて

0

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()に電話を逃している疑いがあります。multiple times during a single pathに電話することができます(すべてのセグメントに同じlineWidth/strokeStyleを使用したい場合)。

+0

x、y、zがどの点で(yとzの組が縦線に沿って縦線分を決定するために作られるかを決定するために)マップされる方法を見ています。しかし、ctx.beginPath()を最初のループの前に追加し、ctx.lineTo(z、y)をループさせると、ここに示すように狂った行が生成されます。http://www.charlietang.net/demo.html – Charlie

関連する問題