🎨 fix: Elementos da cena como stickers sem fundo branco (mix-blend-mode: multiply + prompts otimizados)

This commit is contained in:
2026-06-08 10:46:25 +00:00
parent 837bda8c88
commit 4c0df55c66
2 changed files with 9 additions and 5 deletions
+7 -3
View File
@@ -7626,19 +7626,23 @@ document.addEventListener('DOMContentLoaded', () => {
item.style.background = 'transparent';
if (layerData.isBackground) {
// Fundo: cobrindo 100% e não selecionável como item de controle
// Fundo: cobrindo 100% do canvas
item.style.left = '0';
item.style.top = '0';
item.style.width = '100%';
item.style.height = '100%';
item.style.zIndex = '0';
item.style.pointerEvents = 'none'; // Por padrão, o fundo não captura eventos para facilitar a seleção dos elementos acima
item.style.isolation = 'isolate'; // Isola o fundo para evitar bleeding do blend-mode dos filhos
item.style.pointerEvents = 'none';
item.innerHTML = `<img src="${layerData.url}"
style="width:100%; height:100%; object-fit:cover; pointer-events:none; display:block;">`;
item.title = '🖼️ Cenário de Fundo';
} else {
// Elementos: mix-blend-mode: multiply faz o fundo branco desaparecer (efeito sticker)
item.style.isolation = 'isolate';
item.innerHTML = `<img src="${layerData.url}"
style="width:100%; height:100%; object-fit:contain; pointer-events:none;">`;
style="width:100%; height:100%; object-fit:contain; pointer-events:none;
mix-blend-mode: multiply; display:block;">`;
item.title = '🎬 ' + (layerData.name || 'Elemento');
}