Pixi.js: PIXI.Sprite.from（）がbase64データURLで機能しない

作成日 2019年11月19日 · 3コメント · ソース: pixijs/pixi.js

予想される行動

base64データのURL文字列を使用してPixiキャンバスに画像を挿入しようとしています。画像はカメラフィード（ビデオタグ）から作成されているので、これを使用する必要があります。

現在の動作

通常の画像URLをSprite.fromの最初の引数に挿入すると機能しますが、base64データURLを使用する場合は機能しません。

例： https ：

私が試みていることは可能でさえありますか？もしそうなら、どのように？

環境

pixi.jsバージョン：5.1.2
ブラウザとバージョン：Chrome 78.0.3904.87
実行例： https ：

ソース

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 2019年11月25日

❤1 🎉1 👍1

全てのコメント3件

data:image/gif -できません。独自のgifデコーダーが必要です。私はどこかにそれを持っていました...

ivanpopelyshev 2019年11月20日

ビデオ要素をTextureコンストラクターに直接渡すことができます（ fromと呼びます）

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 2019年11月25日

❤1 🎉1 👍1

このページは役に立ちましたか？

0 / 5 - 0 評価