title: Pixi.js: precision loss when scaled with WebGL
body: <p>This only happens with WebGL renderer. On the picture you can see simple circles added to a DisplayObjectContainer and the DisplayObjectContainer scaled 8x. Apparently the borders do not match the inside of the circles:</p>
  
  <pre><code>var graphics = new PIXI.Graphics();
  graphics.beginFill(0xFF0000);
  graphics.lineStyle(1, 0xFFFFFF);
  graphics.drawCircle(x,y,3);
  graphics.endFill();
  var doc = new PIXI.DisplayObjectContainer();
  doc.addChild(graphics);
  stage.addChild(doc);
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/t4rsy.png" alt="Precision loss"></p>
  
  <p>Can I do anything about this or is this inherent to the Pixi(or WebGL) library?</p>