Pixi.js: PIXI.Sprite.from () não funciona com URL de dados base64

Criado em 19 nov. 2019 · 3Comentários · Fonte: pixijs/pixi.js

Comportamento esperado

Estou tentando inserir uma imagem em uma tela Pixi usando uma string de URL de dados base64. Preciso usar isso porque a imagem está sendo criada a partir de um feed de câmera (tag de vídeo).

Comportamento Atual

Funciona se eu inserir um URL de imagem regular no primeiro argumento de Sprite.from , mas não quando uso um URL de dados base64.

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

O que estou tentando é mesmo possível? Se sim, como?

Ambiente

pixi.js versão : 5.1.2
Navegador e versão : Chrome 78.0.3904.87
Exemplo de execução : https://codepen.io/gigamesh/pen/GRRzdrL?editors=1111

Fonte

gigamesh

Comentários muito úteis

aqui está a solução para quem encontra este tópico:

// 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 em 25 nov. 2019

❤1 🎉1 👍1

Todos 3 comentários

data:image/gif - não é possível. Você precisa do seu próprio decodificador GIF. Eu tinha em algum lugar ...

ivanpopelyshev em 20 nov. 2019

Você pode passar o elemento de vídeo diretamente para o construtor de textura ( from chamá-lo)

eXponenta em 20 nov. 2019

aqui está a solução para quem encontra este tópico:

// 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 em 25 nov. 2019

❤1 🎉1 👍1

Esta página foi útil?

0 / 5 - 0 avaliações