- var node = this.$.display.hasNode();
- node.width = 256;
- node.height = 256;
- this.ctx = node.getContext('2d');
- this.ctx.fillStyle = 'black';
- this.ctx.fillRect(0, 0, 255, 255);
- this.ctx.fillStyle = 'rgba(0,0,0,0.075)';
- this.ctx.strokeStyle = '#00FF00';
+ this.display = this.$.display.hasNode();
+ this.ctx = this.display.getContext('2d');
+
+ this.intermediate = document.createElement('canvas');
+ this.intermediate.width = 512;
+ this.intermediate.height = 512;
+ this.ictx = this.intermediate.getContext('2d');
+ this.ictx.fillStyle = 'black';
+ this.ictx.fillRect(0, 0, 255, 255);
+ this.ictx.fillStyle = 'rgba(0,0,0,0.075)';
+ this.ictx.strokeStyle = '#00FF00';
+
+ this.resize(window.innerWidth, window.innerHeight);