Pixi.js: PIXI.Sprite.from() 不适用于 base64 数据 URL

创建于 2019-11-19  ·  3评论  ·  资料来源: pixijs/pixi.js

预期行为

我正在尝试使用 base64 数据 URL 字符串将图像插入 Pixi 画布。 我需要使用它，因为图像是从相机源（视频标签）创建的。

当前行为

如果我将常规图像 URL 插入Sprite.from的第一个参数中，它会起作用，但当我使用 base64 数据 URL 时则不起作用。

例如： https : =1111

我正在尝试的可能吗？ 如果是这样，如何？

环境

  • pixi.js版本：5.1.2
  • 浏览器和版本：Chrome 78.0.3904.87
  • 运行示例： https :
picture 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

picture gigamesh 于 2019-11-25
❤1 🎉1 👍1

所有3条评论

data:image/gif - 不可能。 您需要自己的 gif 解码器。 我曾在某处...

ivanpopelyshev picture ivanpopelyshev 于 2019-11-20

您可以将视频元素直接传递给 Texture 构造函数（ from调用它）

eXponenta picture eXponenta 于 2019-11-20

这是找到此线程的任何人的解决方案：

// 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 picture gigamesh 于 2019-11-25
❤1 🎉1 👍1
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

gaccob picture gaccob  ·  3评论
Darker picture Darker  ·  3评论
lunabunn picture lunabunn  ·  3评论
sntiagomoreno picture sntiagomoreno  ·  3评论
zcr1 picture zcr1  ·  3评论