JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.2.0/pixi.min.js"></script>
<canvas id="renderCanvas" touch-action="none" width='500px' height='500px'></canvas>
JavaScript
var canvas = document.getElementById("renderCanvas");
// pixi.js rendering
var pixiRenderer = new PIXI.Renderer({
view: canvas,
width: 500,
height: 500,
clearBeforeRender: false,
});
var stage = new PIXI.Container();
var ticker = new PIXI.Ticker();
ticker.add(() => {
pixiRenderer.render(stage);
}, PIXI.UPDATE_PRIORITY.LOW);
ticker.start();
var text = new PIXI.Text("PixiJS");
text.anchor.set(0.5);
text.position.set(canvas.width/2, canvas.height/2);
text.style.fill = "red";
stage.addChild(text);