Pixi.js: PIXI.Sprite.from () बेस 64 डेटा URL के साथ काम नहीं कर रहा है

को निर्मित 19 नव॰ 2019 · 3टिप्पणियाँ · स्रोत: pixijs/pixi.js

अपेक्षित् व्यवहार

मैं बेस 64 डेटा यूआरएल स्ट्रिंग का उपयोग कर एक पिक्सी कैनवास में एक छवि डालने का प्रयास कर रहा हूं। मुझे इसका उपयोग करने की ज़रूरत है क्योंकि छवि कैमरा फ़ीड (वीडियो टैग) से बनाई जा रही है।

वर्तमान व्यवहार

यह काम करता है अगर मैं Sprite.from के पहले तर्क में एक नियमित छवि यूआरएल डालता हूं, लेकिन जब मैं बेस 64 डेटा यूआरएल का उपयोग नहीं करता हूं।

उदाहरण: https://codepen.io/gigamesh/pen/GRrzdrL?editors=1111

क्या मैं जो कोशिश कर रहा हूं वह भी संभव है? यदि हां, तो कैसे?

पर्यावरण

pixi.js संस्करण : 5.1.2
ब्राउज़र और संस्करण : क्रोम 78.0.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 रेटिंग्स