Disabling external images due to tainted canvas
This commit is contained in:
parent
39e72f56f9
commit
c3d1ca5408
2 changed files with 26 additions and 26 deletions
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue