Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5で3D球を描く方法は？

3D球を作成するには、HTML5キャンバスを使用します。コードでは次の関数を使用できます：

function display(r) {
   this.point = new Array();
   this.color = "blue)"
   this.r = (typeof(r) == "undefined") ? 20.0 : r;
   this.r = (typeof(r) != "number") ? 20.0 : r;
   this.vertexes = 0;

   for(alpha = 0; alpha <= 6.28; alpha += 0.17) {
      p = this.point[this. vertexes] = new Point3D();
      p.x = Math.cos(alpha) * this.r;
      p.y = 0;
      p.z = Math.sin(alpha) * this.r;
      this.vertexes ++;
   }
}

  1. HTML5でarc（）を使用して円を描く方法は？

    arc（）メソッドは、canvas要素を使用してHTML5で円を作成するために使用されます。 arc（）メソッドを使用する円の場合、開始角度を0に、終了角度を2*Math.PIに使用します。 これがarc（）メソッドのパラメータ値です- S。いいえ パラメータ 説明 1 x x座標 2 y y座標 3 r 円の半径 4 startingAngle ラジアン単位の開始角度 5 endingAngle ラジアン単位の終了角度 6 反時計回り（True / False）

  2. HTML5でlineTo（）を使用して線を引く方法は？

    HTMLで線を描画するには、canvas要素を使用します。キャンバスでは、lineTo（）メソッドを使用して線を描画します。 lineTo（）メソッドには、線を配置するxおよびyパラメーター値が含まれています。 例 次のコードを実行して、HTML5でlineTo（）を使用して線を引くことができます- <!DOCTYPE html> <html>    <head>       <title>HTML Canvas</title>    </head>