JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.8/pixi.min.js"></script>
<canvas id="myCanvas" ></canvas>
CSS
canvas {
width:800px;
height:400px;
background-color: #333;
}
JavaScript
var container = new PIXI.Container();
var canvas = document.getElementById('myCanvas');
var renderer = PIXI.autoDetectRenderer(800, 400, {
view: canvas,
//antialias: true
});
renderer.backgroundColor = 0x333333;
var graphics = new PIXI.Graphics();
graphics.lineStyle(5, 0xFF0000);
graphics.moveTo( 445, 211);
graphics.bezierCurveTo( 445.046, 206.727, 444.954, 215.273, 441, 226);
//graphics.moveTo(441,226);
graphics.bezierCurveTo(443.415, 220.935, 438.585, 231.065, 432, 240);
container.addChild(graphics);
renderer.render(container);