alpha: false back and no image smoothing on overlay
This commit is contained in:
parent
350878fe44
commit
ede3389d5a
|
@ -58,10 +58,10 @@ class Renderer2D extends Renderer {
|
||||||
//--
|
//--
|
||||||
const viewport = document.createElement('canvas');
|
const viewport = document.createElement('canvas');
|
||||||
viewport.className = 'viewport';
|
viewport.className = 'viewport';
|
||||||
const viewportCtx = viewport.getContext('2d');
|
const viewportCtx = viewport.getContext('2d', { alpha: false });
|
||||||
this.viewport = viewport;
|
this.viewport = viewport;
|
||||||
const canvas = document.createElement('canvas');
|
const canvas = document.createElement('canvas');
|
||||||
const context = canvas.getContext('2d');
|
const context = canvas.getContext('2d', { alpha: false });
|
||||||
this.canvas = canvas;
|
this.canvas = canvas;
|
||||||
this.onWindowResize();
|
this.onWindowResize();
|
||||||
//--
|
//--
|
||||||
|
|
|
@ -135,6 +135,7 @@ export function renderOverlay(
|
||||||
const context = $canvas.getContext('2d');
|
const context = $canvas.getContext('2d');
|
||||||
if (!context) return;
|
if (!context) return;
|
||||||
|
|
||||||
|
context.imageSmoothingEnabled = true;
|
||||||
context.save();
|
context.save();
|
||||||
context.scale(offscreenScale, offscreenScale);
|
context.scale(offscreenScale, offscreenScale);
|
||||||
context.globalAlpha = state.templates.oOpacity / 100;
|
context.globalAlpha = state.templates.oOpacity / 100;
|
||||||
|
@ -176,6 +177,7 @@ export function renderSmallPOverlay(
|
||||||
if (!context) return;
|
if (!context) return;
|
||||||
|
|
||||||
const relScale = scale / 3;
|
const relScale = scale / 3;
|
||||||
|
context.imageSmoothingEnabled = true;
|
||||||
context.save();
|
context.save();
|
||||||
context.scale(relScale, relScale);
|
context.scale(relScale, relScale);
|
||||||
for (const template of templates) {
|
for (const template of templates) {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user