Disable antialiasing consistently for selections

main
Isaiah Odhner 2019-10-02 13:43:16 -04:00
parent 9a73f92bbb
commit ad4e5c7cad
4 changed files with 6 additions and 3 deletions

View File

@ -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 = [

View File

@ -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){

View File

@ -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;

View File

@ -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;