[ThreeJS][CORS] Chargement de texture
Bonjour à tous,
j'essaie, en local, l'exemple suivant http://mrdoob.github.com/three.js/ex...etry_cube.html que je stocke sur mon apache (je suis sur une ubuntu 12.04).
Dans l'exemple, je remplace uniquement la ligne :
Code:
var texture = THREE.ImageUtils.loadTexture('textures/crate.gif');
par
Code:
var texture = THREE.ImageUtils.loadTexture('http://mrdoob.github.com/three.js/examples/textures/crate.gif');
J'ai bien ajouté la directive autorisant les requêtes cross-domaine dans la configuration de mon apache :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| <VirtualHost *:80>
ServerAdmin webmaster@localhost
ServerName localhost
DocumentRoot /var/www
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"
<Directory /var/www>
Options Indexes FollowSymLinks MultiViews
AllowOverride None
Order allow,deny
allow from all
</Directory>
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
<Directory "/usr/lib/cgi-bin">
AllowOverride None
Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
Order allow,deny
Allow from all
</Directory>
ErrorLog ${APACHE_LOG_DIR}/error.log
# Possible values include: debug, info, notice, warn, error, crit,
# alert, emerg.
LogLevel warn
CustomLog ${APACHE_LOG_DIR}/access.log combined
Alias /doc/ "/usr/share/doc/"
<Directory "/usr/share/doc/">
Options Indexes MultiViews FollowSymLinks
AllowOverride None
Order deny,allow
Deny from all
Allow from 127.0.0.0/255.0.0.0 ::1/128
</Directory>
</VirtualHost> |
Quand je teste l'exemple localement sur mon navigateur (chromium 20), j'ai bien confirmation que la directive est prise en compte d'après le header de la réponse :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| Accept-Ranges:bytes
Access-Control-Allow-Headers:Origin, X-Requested-With, Content-Type, Accept
Access-Control-Allow-Origin:*
Connection:Keep-Alive
Content-Encoding:gzip
Content-Length:725
Content-Type:text/html
Date:Tue, 08 Jan 2013 12:41:32 GMT
ETag:"40ee7-61b-4d2c62fdc4cf4"
Keep-Alive:timeout=5, max=100
Last-Modified:Tue, 08 Jan 2013 12:35:55 GMT
Server:Apache/2.2.22 (Ubuntu)
Vary:Accept-Encoding |
Et pourtant l'exemple ne s'affiche pas (ça devrait être un cube texturé tournant sur lui même) et dans la console de chromium j'ai l'erreur : Cross-origin image load denied by Cross-Origin Resource Sharing policy
Y a-t-il quelque chose que j'ai oublié au niveau de la configuration d'Apache ou de ThreeJS ?
Merci d'avance pour vos suggestions.
