5

この地球儀の WebGL アニメーションがどのようにレンダリングされているかに興味があります。

http://ats-vs-world.cadillac.com/#!/home

ここに画像の説明を入力

他の HTML 要素とは異なり、canvas 要素がどのように操作されているかを確認する方法がわかりません。

Chrome やその他のブラウザーでは、「Break on... サブツリーの変更」、「Break on ... 属性の変更」などを行うことができます。キャンバスでは、操作中は要素が空白になります。

これを行う方法はありますか？

編集：@Joeの答えに本当に感謝しています。しかし、一般的に (この Web サイトに固有のものではありません)、どのように操作されているかを確認する方法はまだありますか?

4

2 に答える 2

1

Chrome には実験段階のキャンバス インスペクタがあります (これを書いている時点では)。有効にするには、about:flags に移動し、「開発者ツールの実験」を有効にします。次に、開発者ツールの設定 (歯車アイコン) で実験タブに移動すると、「キャンバス検査」オプションが表示されます - http://www.html5rocks.com/en/tutorials/canvas/inspection/

于 2014-05-19T04:13:51.397 に答える