Three.js: Vermeiden Sie es, crossOrigin festzulegen, wenn Sie mit Daten-URLs arbeiten

Erstellt am 10. Feb. 2012  ·  3Kommentare  ·  Quelle: mrdoob/three.js

Schöne Grüße,

Können wir in diesem Code vermeiden, d.crossOrigin festzulegen, wenn es sich um eine Daten-URL handelt?

THREE.ImageUtils = {crossOrigin: "",loadTexture: function(a, b, c) {
        var d = new Image, e = new THREE.Texture(d, b);
        d.onload = function() {
            e.needsUpdate = !0;
            c && c(this)
        };
        d.crossOrigin = this.crossOrigin;
        d.src = a;
        return e

Sie können einen Scheck wie folgt hinzufügen:

if( a.substr(0,4) != "data" )
  d.crossOrigin = this.crossOrigin;

das macht den Trick. Andernfalls löst Chrome 17 eine originübergreifende Bildladung aus, die von der Cross-Origin Resource Sharing-Richtlinie für eine Daten-URL abgelehnt wurde.

T. T.

Question
Quelle
picture konijn

Hilfreichster Kommentar

Hmm ... Ich denke, Sie sollten in diesem Fall ImageUtils.loadTexture nicht verwenden. Mach das einfach:

var image = document.createElement( 'img' );
image.src = dataurl;

var texture = new THREE.Texture( image );
texture.needsUpdate = true;
picture mrdoob am 11. Feb. 2012
👍2

Alle 3 Kommentare

Hmm ... Ich denke, Sie sollten in diesem Fall ImageUtils.loadTexture nicht verwenden. Mach das einfach:

var image = document.createElement( 'img' );
image.src = dataurl;

var texture = new THREE.Texture( image );
texture.needsUpdate = true;
mrdoob picture mrdoob am 11. Feb. 2012
👍2

Funktioniert perfekt, danke!

konijn picture konijn am 11. Feb. 2012

@mrdoob , danke für das obige Beispiel!

remoe picture remoe am 19. Feb. 2012
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

Bandit picture Bandit  ·  3Kommentare
fuzihaofzh picture fuzihaofzh  ·  3Kommentare
alexprut picture alexprut  ·  3Kommentare
scrubs picture scrubs  ·  3Kommentare
zsitro picture zsitro  ·  3Kommentare