3

X3DOM を初めて使用しています (ただし、当時は多くの VRML を使用していました。

テクスチャの画像ファイルを使用して簡単な例を試していますが、画像が読み込まれません。これが私が見ているものです（Chromeバージョン43.0.2357.130 mを使用）： ここに画像の説明を入力 円は永遠に回転し、Loading：1のままです。別のファイルでも同じ問題があります (ただし、7 つの画像があり、メッセージには "Loading: 7" と表示されます。

これが私のコードです： <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html;charset=utf-8'></meta> <link rel='stylesheet' type='text/css' href='http://www.x3dom.org/x3dom/release/x3dom.css'></link> <script type='text/javascript' src='http://www.x3dom.org/x3dom/release/x3dom.js'></script> </head> <body> <x3d width='500px' height='400px'> <scene> <shape> <appearance> <ImageTexture url="wood11.png"><ImageTexture/> </appearance> <box> </box> </shape> </scene> </x3d>
</body> </html>

イメージが存在し、同じディレクトリに保存されます。画像が読み込まれないのはなぜですか?

4

2 に答える 2

2

Mozilla Firefox で動作するので、そこでテストできます。
画像がサーバーによって提供されていないため、Chrome はセキュリティ例外をスローします。

Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': 
Tainted canvases may not be loaded.image.onload @ x3dom.js:377

説明はこちらにあります。

その他の関連情報はこちら.

WebGL テクスチャの読み込みは、クロスドメイン アクセス制御の対象となります。コンテンツが別のドメインからテクスチャをロードするには、CORS 承認を取得する必要があります。CORS の詳細については、HTTP アクセス制御を参照してください。

于 2015-07-04T18:14:56.703 に答える