JSFiddle - React, Tailwind, and code Playground

by Leonid Artemev

HTML

<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/52587756/pixi.dev.js"></script>
<div id='outer'>
    <div id='inner'>Text</div>
</div>

CSS

#outer {
    position: absolute;
    left: 200px;
    top: 200px;
    
    
}
#inner {
    font-size: 14px;
    background-color: #FFFFFF;
    -webkit-transform: scale(6);
    
}

JavaScript

var renderer = new PIXI.CanvasRenderer(800, 600, 1);

document.body.appendChild(renderer.view);

var stage = new PIXI.Stage;

var bunnyTexture = PIXI.Texture.fromImage("https://dl.dropboxusercontent.com/u/52587756/nyan.jpeg");
var bunny = new PIXI.Sprite(bunnyTexture);

bunny.position.x = 400;
bunny.position.y = 300;

bunny.scale.x = 2;
bunny.scale.y = 2;

stage.addChild(bunny);

requestAnimationFrame(animate);

function animate() {
    bunny.rotation += 0.01;

    renderer.render(stage);

    requestAnimationFrame(animate);
}



tinymce.init({

    selector: '#inner',
    inline: true

})