Disabling external images due to tainted canvas

This commit is contained in:
Dan 2026-01-09 13:49:33 +00:00
parent 39e72f56f9
commit c3d1ca5408
2 changed files with 26 additions and 26 deletions

View file

@ -1,4 +1,4 @@
import { ButtonEffect } from '../effect-base.js'; import { ButtonEffect } from "../effect-base.js";
/** /**
* Solid color background effect * Solid color background effect
@ -6,46 +6,46 @@ import { ButtonEffect } from '../effect-base.js';
export class SolidBackgroundEffect extends ButtonEffect { export class SolidBackgroundEffect extends ButtonEffect {
constructor() { constructor() {
super({ super({
id: 'bg-solid', id: "bg-solid",
name: 'Solid Background', name: "Solid Background",
type: 'background', type: "background",
category: 'Background', category: "Background",
renderOrder: 1 renderOrder: 1,
}); });
} }
defineControls() { defineControls() {
return [ return [
{ {
id: 'bg-type', id: "bg-type",
type: 'select', type: "select",
label: 'Background Type', label: "Background Type",
defaultValue: 'solid', defaultValue: "solid",
options: [ options: [
{ value: 'solid', label: 'Solid Color' }, { value: "solid", label: "Solid Color" },
{ value: 'gradient', label: 'Gradient' }, { value: "gradient", label: "Gradient" },
{ value: 'texture', label: 'Texture' }, { value: "texture", label: "Texture" },
{ value: 'emoji-wallpaper', label: 'Emoji Wallpaper' }, { value: "emoji-wallpaper", label: "Emoji Wallpaper" },
{ value: 'external-image', label: 'External Image' } // { value: 'external-image', label: 'External Image' }
] ],
}, },
{ {
id: 'bg-color', id: "bg-color",
type: 'color', type: "color",
label: 'Background Color', label: "Background Color",
defaultValue: '#4a90e2', defaultValue: "#4a90e2",
showWhen: 'bg-type', showWhen: "bg-type",
description: 'Solid background color' description: "Solid background color",
} },
]; ];
} }
isEnabled(controlValues) { isEnabled(controlValues) {
return controlValues['bg-type'] === 'solid'; return controlValues["bg-type"] === "solid";
} }
apply(context, controlValues, animState, renderData) { apply(context, controlValues, animState, renderData) {
const color = controlValues['bg-color'] || '#4a90e2'; const color = controlValues["bg-color"] || "#4a90e2";
context.fillStyle = color; context.fillStyle = color;
context.fillRect(0, 0, renderData.width, renderData.height); context.fillRect(0, 0, renderData.width, renderData.height);
} }

View file

@ -89,7 +89,7 @@ async function setupApp() {
gradientBg.register(generator); gradientBg.register(generator);
textureBg.register(generator); textureBg.register(generator);
emojiWallpaper.register(generator); emojiWallpaper.register(generator);
externalImage.register(generator); //externalImage.register(generator);
rainbowBg.register(generator); rainbowBg.register(generator);
rain.register(generator); rain.register(generator);
starfield.register(generator); starfield.register(generator);