JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://github.com/GoodBoyDigital/pixi.js/releases/download/v1.6.1/pixi.js"></script>
CSS
body {
margin: 0;
padding: 0;
background-color: #999;
}
JavaScript
// create an new instance of a pixi stage
var stage = new PIXI.Stage(0xFFFF99);
var renderer = new PIXI.autoDetectRenderer(500, 800);
// add the renderer view element to the DOM
document.body.appendChild(renderer.view);
var spriteSVGImage = "https://dl.dropboxusercontent.com/u/47067729/Sailboat.svg";
var spriteSVGTexture = PIXI.Texture.fromImage(spriteSVGImage);
var spriteSVG = new PIXI.Sprite(spriteSVGTexture);
spriteSVG.position.set(10, 100);
spriteSVG.scale.set(1)
stage.addChild(spriteSVG);
requestAnimFrame( animate );
function animate() {
// render the stage
renderer.render(stage);
requestAnimFrame( animate );
}