pixi js image test

by magneto903

HTML

<html>
  <head>
    <meta charset="utf-8" >
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script>
  </head>
  <body>

  </body>
</html>

JavaScript

// Инициализация, а также базовые функции, не зависящие ни от чего

var winW = window.innerWidth;
var winH = window.innerHeight;

let app = new PIXI.Application({ 
    width: Math.floor(Math.min(winW, winH) * 0.95),         // default: 800
    height: Math.floor(Math.min(winW, winH) * 0.95),        // default: 600
    antialias: true,    // default: false
    transparent: false, // default: false
    resolution: 1,       // default: 1
})

app.renderer.view.style.position = "absolute";
app.renderer.view.style.position.top = String(Math.floor((winH - Math.min(winW, winH)*0.95)/2))+"px";
app.renderer.view.style.left = String(Math.floor((winW - Math.min(winW, winH)*0.95)/2))+"px";

app.renderer.autoDensity = true;

//Add the canvas that Pixi automatically created for you to the HTML document
document.body.appendChild(app.view);

var img_url = "https://sun9-46.userapi.com/PKLw4FByjHOc-8pTlFZ6OWkkZHbg9UU7oS6axA/5G-i6v2wbyA.jpg";

var texture = PIXI.Texture.from(img_url);
var sprite2 = new PIXI.Sprite(texture)

app.stage.addChild(sprite2)