PIXI.js #2265

PIXI.Graphics always black on PIXI.CanvasRenderer

HTML

<script src="https://github.com/pixijs/pixi.js/releases/download/v3.0.10/pixi.js"></script>

JavaScript

/*
Please compare by switching between the two renderers.
*/

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

renderer.backgroundColor = 0xffffff;
document.body.appendChild(renderer.view);
var stage = new PIXI.Container();

var g = new PIXI.Graphics();
stage.addChild(g);
g.x = 200;
g.y = 100;

var angleMin = 0;
var angleMax = Math.PI;
var radiusMin = 50;
var radiusMax = 100;

g.moveTo(Math.cos(angleMin) * radiusMin, Math.sin(angleMin) * radiusMin);

g.beginFill(0x00aaff); // Lovely blue color
g.arc(0, 0, radiusMax, angleMin, angleMax);
g.arc(0, 0, radiusMin, angleMax, angleMin, true);
g.endFill();

renderer.render(stage);