【PixiJS】v8でのApplicationの高さと幅の取得方法

はじめに

PixiJS v8ではApplication.viewが廃止され、Application.canvasに変わりました。

この記事では高さと幅の取得方法についてまとめます。

前提

バージョン： PixiJS v8

参考リンク

• JavaScript
  • HTMLCanvasElement：https://developer.mozilla.org/ja/docs/Web/API/HTMLCanvasElement
• PixiJS
  • マイグレーションガイド：https://pixijs.com/8.x/guides/migrations/v8
  • Application：https://pixijs.download/release/docs/app.Application.html

Application.canvasで高さと幅の取得方法

// 高さ
const height = app.canvas.height;

// 幅
const width = app.canvas.width;

canvasはJavaScriptのHTMLCanvasElementです。

height, width プロパティから簡単に取得できます。

おわりに

高さと幅を求める方法をまとめました。

マイグレーションガイドにもv8になった際の変更情報がのっているので、確認してみてください。