1

キャンバス3Dを使用して3Dグラフを描画しているので、回転やキー押下イベントなどにJavaスクリプトを使用しています。それもうまくいきますが、表面を回転させた角度を印刷したいと思います。この値を格納するJavaスクリプトに変数があります。さて、私の質問は、変数の値をhtml本文に出力して、キャンバスの表面を回転させたときに値が更新され続けるようにするにはどうすればよいですか？それができない場合は、ボタンのクリックやイベントで値を表示する方法を教えてください。

ありがとうございました

4

3 に答える 3

1

次のような更新関数を記述します。

function update(){
   document.querySelector("#log").innerHTML = angle;
}

値を変更するたびにその関数を呼び出します（clickもちろん、イベントはデモンストレーションのみを目的としています）。

document.querySelector("#square").addEventListener("click",function(){
   this.style["-webkit-transform"] = "rotate("+(angle+=10)+"deg)";
    update();
});

デモを参照してください。

于 2013-02-22T10:04:19.687 に答える
0

この関数を使用すると、実行の間隔をミリ秒にsetInterval(function, time)して、関数を繰り返し呼び出すことができます。time

setInterval(function() {
    [Code That Update Your Value]
}, 100);
于 2013-02-22T10:05:41.300 に答える
0

Firebugまたは、新しい要素を追加せずに、console.log（）、console.debug（）をインストールして使用することもできます。それは他のプロジェクトにも役立つと思います。ドキュメントリンク

于 2013-02-22T10:07:38.250 に答える