alpha: false back and no image smoothing on overlay

This commit is contained in:
HF 2024-02-23 19:31:48 +01:00
parent 350878fe44
commit ede3389d5a
2 changed files with 4 additions and 2 deletions

View File

@ -58,10 +58,10 @@ class Renderer2D extends Renderer {
//--
const viewport = document.createElement('canvas');
viewport.className = 'viewport';
const viewportCtx = viewport.getContext('2d');
const viewportCtx = viewport.getContext('2d', { alpha: false });
this.viewport = viewport;
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
const context = canvas.getContext('2d', { alpha: false });
this.canvas = canvas;
this.onWindowResize();
//--

View File

@ -135,6 +135,7 @@ export function renderOverlay(
const context = $canvas.getContext('2d');
if (!context) return;
context.imageSmoothingEnabled = true;
context.save();
context.scale(offscreenScale, offscreenScale);
context.globalAlpha = state.templates.oOpacity / 100;
@ -176,6 +177,7 @@ export function renderSmallPOverlay(
if (!context) return;
const relScale = scale / 3;
context.imageSmoothingEnabled = true;
context.save();
context.scale(relScale, relScale);
for (const template of templates) {