JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.10/pixi.js"></script>
<canvas id="c" style="width:300px;height:300px;border:1px solid gray"></canvas>

JavaScript

var c = document.getElementById('c');
var viewerRenderer = new PIXI.CanvasRenderer(300, 300, {view: c});
var viewerStage = new PIXI.Container();

var graphics = new PIXI.Graphics();
graphics.lineStyle(1, 0xFFFFFF, 1);
graphics.beginFill(0x999999, 1);
graphics.drawRect(10, 10, 100, 200);
graphics.endFill();
viewerStage.addChild(graphics);

var graphics2 = new PIXI.Graphics();
graphics2.lineStyle(1, 0xFFFFFF, 1);
graphics2.moveTo(120, 10);
graphics.beginFill(0x999999, 1);
graphics2.bezierCurveTo(130, 0, 130, 0, 200, 10);
graphics2.bezierCurveTo(250, 100, 250, 100, 120, 200);
graphics2.bezierCurveTo(130, 0, 130, 0, 120, 10);
graphics2.currentPath.shape.closed = true;
graphics.endFill();
viewerStage.addChild(graphics2);

viewerRenderer.render(viewerStage);

console.log(graphics.containsPoint({x:50, y:50}));
console.log(graphics2.containsPoint({x:150, y:50}))