From ad4e5c7cadd5408a304b513659ae5dba862fd592 Mon Sep 17 00:00:00 2001 From: Isaiah Odhner Date: Wed, 2 Oct 2019 13:43:16 -0400 Subject: [PATCH] Disable antialiasing consistently for selections --- src/app.js | 1 + src/functions.js | 2 +- styles/themes/classic.css | 3 ++- styles/themes/modern.css | 3 ++- 4 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/app.js b/src/app.js index c048ac4..8fc6316 100644 --- a/src/app.js +++ b/src/app.js @@ -11,6 +11,7 @@ var my_canvas_width = default_canvas_width; var my_canvas_height = default_canvas_height; var canvas = new Canvas(); +canvas.classList.add("main-canvas"); var ctx = canvas.ctx; var palette = [ diff --git a/src/functions.js b/src/functions.js index 6f5f94e..066d40d 100644 --- a/src/functions.js +++ b/src/functions.js @@ -72,7 +72,7 @@ function update_helper_layer() { function update_disable_aa() { var dots_per_canvas_px = window.devicePixelRatio * magnification; var round = Math.floor(dots_per_canvas_px) === dots_per_canvas_px; - $canvas.toggleClass("disable-aa", dots_per_canvas_px >= 3 || round); + $canvas_area.toggleClass("disable-aa-for-things-at-main-canvas-scale", dots_per_canvas_px >= 3 || round); } function set_magnification(scale){ diff --git a/styles/themes/classic.css b/styles/themes/classic.css index e4068bc..e64463a 100644 --- a/styles/themes/classic.css +++ b/styles/themes/classic.css @@ -23,7 +23,8 @@ image-rendering: -moz-crisp-edges; } } -.disable-aa { +.disable-aa-for-things-at-main-canvas-scale .main-canvas, +.disable-aa-for-things-at-main-canvas-scale .selection canvas { image-rendering: crisp-edges; image-rendering: pixelated; image-rendering: -moz-crisp-edges; diff --git a/styles/themes/modern.css b/styles/themes/modern.css index 79dfa3d..b0df85d 100644 --- a/styles/themes/modern.css +++ b/styles/themes/modern.css @@ -23,7 +23,8 @@ body { image-rendering: -moz-crisp-edges; } } -.disable-aa { +.disable-aa-for-things-at-main-canvas-scale .main-canvas, +.disable-aa-for-things-at-main-canvas-scale .selection canvas { image-rendering: crisp-edges; image-rendering: pixelated; image-rendering: -moz-crisp-edges;