KASM-1834 high dpi screens blurry

This commit is contained in:
matt 2021-09-09 11:34:39 +00:00
parent 2336c39377
commit a814f0594f
1 changed files with 10 additions and 0 deletions

View File

@ -43,6 +43,11 @@ export default class Display {
} }
this._targetCtx = this._target.getContext('2d'); this._targetCtx = this._target.getContext('2d');
//Smoothing causes high DPI displays to look blurry
this._targetCtx.mozImageSmoothingEnabled = false;
this._targetCtx.webkitImageSmoothingEnabled = false;
this._targetCtx.msImageSmoothingEnabled = false;
this._targetCtx.imageSmoothingEnabled = false;
// the visible canvas viewport (i.e. what actually gets seen) // the visible canvas viewport (i.e. what actually gets seen)
this._viewportLoc = { 'x': 0, 'y': 0, 'w': this._target.width, 'h': this._target.height }; this._viewportLoc = { 'x': 0, 'y': 0, 'w': this._target.width, 'h': this._target.height };
@ -50,6 +55,11 @@ export default class Display {
// The hidden canvas, where we do the actual rendering // The hidden canvas, where we do the actual rendering
this._backbuffer = document.createElement('canvas'); this._backbuffer = document.createElement('canvas');
this._drawCtx = this._backbuffer.getContext('2d'); this._drawCtx = this._backbuffer.getContext('2d');
//Smoothing causes high DPI displays to look blurry
this._drawCtx.mozImageSmoothingEnabled = false;
this._drawCtx.webkitImageSmoothingEnabled = false;
this._drawCtx.msImageSmoothingEnabled = false;
this._drawCtx.imageSmoothingEnabled = false;
this._damageBounds = { left: 0, top: 0, this._damageBounds = { left: 0, top: 0,
right: this._backbuffer.width, right: this._backbuffer.width,