From a814f0594ff216bc86f131b551d2ec087985cbab Mon Sep 17 00:00:00 2001 From: matt Date: Thu, 9 Sep 2021 11:34:39 +0000 Subject: [PATCH] KASM-1834 high dpi screens blurry --- core/display.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/core/display.js b/core/display.js index dd14a6a2..5a6644d9 100644 --- a/core/display.js +++ b/core/display.js @@ -43,6 +43,11 @@ export default class Display { } 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) 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 this._backbuffer = document.createElement('canvas'); 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, right: this._backbuffer.width,