Three.js: Hindari menyetel crossOrigin saat menangani url data

Dibuat pada 10 Feb 2012  ·  3Komentar  ·  Sumber: mrdoob/three.js

Salam pembuka,

di bagian kode ini, dapatkah kita menghindari pengaturan d.crossOrigin ketika kita berurusan dengan url data?

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

Anda dapat menambahkan tanda centang seperti ini:

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

ini berhasil. Jika tidak, Chrome 17 akan menampilkan pemuatan gambar Lintas-asal yang ditolak oleh kebijakan Berbagi Sumber Daya Lintas-Asal untuk url data.

T.

Question
Sumber
picture konijn

Komentar yang paling membantu

Hmm ... Saya pikir Anda sebaiknya tidak menggunakan ImageUtils.loadTexture dalam kasus itu. Lakukan saja ini:

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

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

Semua 3 komentar

Hmm ... Saya pikir Anda sebaiknya tidak menggunakan ImageUtils.loadTexture dalam kasus itu. Lakukan saja ini:

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

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

Bekerja dengan sempurna, terima kasih!

konijn picture konijn pada 11 Feb 2012

@mrdoob , terima kasih untuk contoh di atas!

remoe picture remoe pada 19 Feb 2012
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

jlaquinte picture jlaquinte  ·  3Komentar
zsitro picture zsitro  ·  3Komentar
akshaysrin picture akshaysrin  ·  3Komentar
stonexjr picture stonexjr  ·  3Komentar
Horray picture Horray  ·  3Komentar