JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/pixi.js/2.0.0/pixi.js"></script>

JavaScript

var stage = new PIXI.Stage(0x000000);
var renderer = PIXI.autoDetectRenderer(600, 600);
document.body.appendChild(renderer.view);

var container = new PIXI.DisplayObjectContainer();
stage.addChild(container);

function createChild(pos)
{
    var r = new PIXI.Graphics();
    r.beginFill(0xFF0000);
    r.drawRect(0, 0, 100, 100);
    r.endFill();
    r.position.x = pos.x;
    r.position.y = pos.y;
    container.addChild(r);  
}

createChild({x:100, y:100});
createChild({x:400, y:100});
createChild({x:250, y:350});

// 1. Render without cacheAsBitmap

renderer.render(stage);

// 2. Enable cache

container.cacheAsBitmap = true;

// 3. Render again - two of the tiles are now cropped

renderer.render(stage);