Pixi.jsの画像がSafariで上下反転する

Pixi.jsの画像がSafariで上下反転する

Safariで画像が上下反転する

canvasの画像をbase64として取得するtoDataURL()で画像を取得しようとするとSafari(iOS,MacOS)だけ取得した画像が上下反転してしまいます。

この問題はissuesにも投稿されており、app.view.toDataURL()ではなく、WebGL固有の問題らしくPixiのAPIapp.renderer.extract.base64()を使用すれば解決することができます。

デモ

See the Pen yQdmzp by mizusawa (@webty_mizusawa) on CodePen.