35

Silverlight Spy を使用して Silverlight で実行できるように、HTML5 キャンバスにレンダリングされたオブジェクトを検査する機能はありますか?

Chrome要素インスペクターを使用すると、DOMのみを検査できます。

4

5 に答える 5

47

編集: この回答は、新しい chrome バージョンでは機能しません。参照: chrome canvas inspector 2015

Chrome カナリアでは:

  1. ブラウザにこの URL を入力してくださいchrome://flags/
  2. 開発者ツールの実験を有効にする
  3. Chrome を再起動します
  4. 開発者ツールで、 をクリックしgearて開発者設定を表示します
  5. メニューから実験を選択
  6. キャンバス検査を選択
  7. devtools を閉じ、ページを更新し、devtools を再度開く

キャンバス プロファイラーの完全なガイド: http://www.html5rocks.com/en/tutorials/canvas/inspection/

実際の動作を示すアニメーション GIF: https://twitter.com/umaar/status/480705624448045057

于 2013-01-22T19:53:59.637 に答える
20

Canvas のコンテンツは DOM の一部ではないため、コンテンツを検査する方法はありません。あなたが正しく指摘したように、インスペクターはDOMのみを検査できるため、キャンバスはその範囲外です。ただし、devtools のコンソールでキャンバスの内容を確認できます。

yourcanvas.toDataURL();

隣接するタブで出力 dataURL を確認します。

于 2012-02-04T18:38:14.507 に答える
2

キャンバスを ms ペイントとして扱います。オブジェクトはなく、画面に表示するためのピクセルとメソッドだけがあります。

于 2012-02-04T18:50:46.333 に答える