🎨 fix: Elementos da cena como stickers sem fundo branco (mix-blend-mode: multiply + prompts otimizados)
This commit is contained in:
+7
-3
@@ -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');
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user