JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/GoodBoyDigital/pixi.js/master/bin/pixi.dev.js"></script>
<button onclick="zoom();">Zoom in</button>

JavaScript

// Init a PIXI renderer
var WIDTH = 300,
    HEIGHT = 300;


var renderer = new PIXI.WebGLRenderer(WIDTH, HEIGHT, {
    resolution: window.devicePixelRatio
});
//var renderer = new PIXI.CanvasRenderer(WIDTH, HEIGHT, { resolution: window.devicePixelRatio });
var canvas = renderer.view;
canvas.style.width = WIDTH + "px";
canvas.style.height = HEIGHT + "px";
document.body.appendChild(canvas);

// Create and loop on a scene
var stage = new PIXI.Stage(0xffffff);
(function loop(t) {
    requestAnimationFrame(loop);
    renderer.render(stage);
}());

//create a doc and put a text inside
var doc = new PIXI.DisplayObjectContainer();
var text = new PIXI.Text("Zoom without blur !", {
    font: "15px Arial"
});
doc.addChild(text);
stage.addChild(doc);


var scale = 1;

window.zoom = function(){
    scale++;
    doc.scale.x = scale;
    doc.scale.y = scale;
    for (var i = 0; i < doc.children.length; i++) {
        if (doc.children[i] instanceof PIXI.Text) {
            doc.children[i].resolution = scale;
            doc.children[i].updateText();
        }
    }
};