JSFiddle - React, Tailwind, and code Playground

by ShukantPal

HTML

<script src="https://pixijs.download/v5.2.0/pixi.js"></script>
<!DOCTYPE html>
<html>
  <head>
    <title>PixiJS Bounds problem</title>
  </head>
  <body>
    <canvas id="target-view"></canvas>
  </body>
</html>

JavaScript

const app = new PIXI.Application({
	view: document.getElementById("target-view"),
  backgroundColor: 0xffeeaa,
  width: 256,
  height: 256
});

const sprite = new PIXI.Sprite.from("https://upload.wikimedia.org/wikipedia/commons/2/25/WebGL_Logo.svg");
sprite.width = 128;
sprite.height = 128;

const container = new PIXI.Container();
container.addChild(sprite);
app.stage.addChild(container);

app.stage.scale.x = 2;
app.stage.scale.y = 2;

if (true) {
	container.oldrender = container._render;

	container._render = function(renderer) {
  	/*
     * Comment out this line below. EVERYTHING WILL BE FINE.
     */
  	container.getLocalBounds();
 
 		// Call real render()
  	container.oldrender(renderer);
  }
}