Pixi.js: PIXI.Sprite.from () لا يعمل مع عنوان URL لبيانات base64

تم إنشاؤها على ١٩ نوفمبر ٢٠١٩ · 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 في ٢٥ نوفمبر ٢٠١٩

❤1 🎉1 👍1

ال 3 كومينتر

data:image/gif - غير ممكن. أنت بحاجة إلى وحدة فك ترميز GIF الخاصة بك. لقد كان في مكان ما ...

ivanpopelyshev في ٢٠ نوفمبر ٢٠١٩

يمكنك تمرير عنصر الفيديو مباشرة إلى مُنشئ Texture ( from أطلق عليه)

eXponenta في ٢٠ نوفمبر ٢٠١٩

ها هو الحل لمن يجد هذا الموضوع:

// 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 في ٢٥ نوفمبر ٢٠١٩

❤1 🎉1 👍1

هل كانت هذه الصفحة مفيدة؟

0 / 5 - 0 التقييمات