Pixi.js: PIXI.Sprite.from() tidak berfungsi dengan URL data base64

Dibuat pada 19 Nov 2019 · 3Komentar · Sumber: pixijs/pixi.js

Perilaku yang Diharapkan

Saya mencoba memasukkan gambar ke dalam kanvas Pixi dengan menggunakan string URL data base64. Saya perlu menggunakannya karena gambar dibuat dari umpan kamera (tag video).

Perilaku Saat Ini

Ini berfungsi jika saya memasukkan URL gambar biasa ke dalam argumen pertama Sprite.from , tetapi tidak ketika saya menggunakan URL data base64.

Contoh: https://codepen.io/gigamesh/pen/GRRzdrL?editors=1111

Apakah yang saya coba mungkin? Jika demikian, bagaimana?

Lingkungan

pixi.js versi : 5.1.2
Browser & Versi : Chrome 78.0.3904.87
Menjalankan Contoh : https://codepen.io/gigamesh/pen/GRRzdrL?editors=1111

Sumber

gigamesh

Komentar yang paling membantu

inilah solusi untuk siapa saja yang menemukan utas ini:

// img tag points to base64 URL
  const image = document.querySelector('img')
  const base = new PIXI.BaseTexture(image);
  const texture = new PIXI.Texture(base);
  const sprite = new PIXI.Sprite(texture);

https://codepen.io/Slaz/pen/bGGzxPw?editors=1111

gigamesh pada 25 Nov 2019

❤1 🎉1 👍1

Semua 3 komentar

data:image/gif - tidak mungkin. Anda memerlukan dekoder gif Anda sendiri. Saya memilikinya di suatu tempat ...

ivanpopelyshev pada 20 Nov 2019

Anda dapat meneruskan elemen video langsung ke konstruktor Tekstur ( from sebut saja)

eXponenta pada 20 Nov 2019

inilah solusi untuk siapa saja yang menemukan utas ini:

// img tag points to base64 URL
  const image = document.querySelector('img')
  const base = new PIXI.BaseTexture(image);
  const texture = new PIXI.Texture(base);
  const sprite = new PIXI.Sprite(texture);

https://codepen.io/Slaz/pen/bGGzxPw?editors=1111

gigamesh pada 25 Nov 2019

❤1 🎉1 👍1

Apakah halaman ini membantu?

0 / 5 - 0 peringkat