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

WEB制作
Pixi.jsの画像がSafariで上下反転する
目次

Safariで画像が上下反転する

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

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

デモ

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