Pixi.js: PIXI.Sprite.from () не работает с URL-адресом данных base64

Созданный на 19 нояб. 2019 · 3Комментарии · Источник: pixijs/pixi.js

Ожидаемое поведение

Я пытаюсь вставить изображение в холст Pixi, используя строку URL-адреса данных base64. Мне нужно использовать это, потому что изображение создается из канала камеры (тег видео).

Текущее поведение

Он работает, если я вставляю обычный URL-адрес изображения в первый аргумент Sprite.from , но не когда я использую URL-адрес данных base64.

Пример: https://codepen.io/gigamesh/pen/GRRzdrL?editors=1111.

Возможно ли то, что я пытаюсь сделать? Если да, то как?

Окружающая обстановка

pixi.js версия : 5.1.2
Браузер и версия : Chrome 78.0.3904.87
Пример выполнения : https://codepen.io/gigamesh/pen/GRRzdrL?editors=1111

Источник

gigamesh

Самый полезный комментарий

вот решение для всех, кто найдет эту ветку:

// 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 25 нояб. 2019

❤1 🎉1 👍1

Все 3 Комментарий

data:image/gif - невозможно. Вам нужен собственный декодер gif. У меня это где-то было ...

ivanpopelyshev 20 нояб. 2019

Вы можете передать видеоэлемент прямо в конструктор текстуры ( from назовите его)

eXponenta 20 нояб. 2019

вот решение для всех, кто найдет эту ветку:

// 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 25 нояб. 2019

❤1 🎉1 👍1

Была ли эта страница полезной?

0 / 5 - 0 рейтинги