0

Tenho esse código para sobrepor duas imagens, uma em cima da outra

<?php
$img = $_POST['img'];
$user = imagecreatefromjpeg($img);
$mask = imagecreatefromgif('imgs/logo.gif');
$width = imagesx($user);
$height = imagesy($user);
$metade = $width/50;
$altura =  $height/3.4;
imagealphablending($user, false);
imagesavealpha($user, true);
imagecopymerge($user, $mask, $metade, $altura, 0, 0, 620, 360, 60); 
header('Content-Type: image/png');
imagepng($user);
imagedestroy($user);
imagedestroy($mask);
?>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="listra"></div>
    <?php


    ?>
</body>
</html>

Só que o

header('Content-Type: image/png');

não deixando usar html,css teria alguma solução?

1
  • Uma solução seria você salvar a imagem em vez de mostrar ela na tela. Aí nao precisaria do header. imagepng($user,'imagemgerada.png') e depois inclua o 'imagemgerada.php' no HTML. Só cuidado com o cache. Dependendo do uso, pode por 'imagemgerada.php?contador incremental ou tempo' para nao pegar cache.
    – Largato
    Commented 17/11/2015 às 0:04

2 Respostas 2

1

A solução seria, salvar o script php como ficheiro diferente, e adicioná-lo ao script, como uma imagem qualquer.

<?php
// imagem_script.php

$img = $_POST['img'];
$user = imagecreatefromjpeg($img);
$mask = imagecreatefromgif('imgs/logo.gif');
$width = imagesx($user);
$height = imagesy($user);
$metade = $width/50;
$altura =  $height/3.4;
imagealphablending($user, false);
imagesavealpha($user, true);
imagecopymerge($user, $mask, $metade, $altura, 0, 0, 620, 360, 60); 
header('Content-Type: image/png');
imagepng($user);
imagedestroy($user);
imagedestroy($mask);
?>

Depois basta chamares essa imagem na tag img, para que ela seja exibida no corpo desse documento, porque devido ao content-type definido no header do script, este ficheiro, é uma imagem gerada via script, e possui agora o tipo MIME image/png, que é o mesmo usado em imagens normais.

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="listra"></div>
    <img src="imagem_script.php"/>
</body>
</html>
6
  • Não funcionou, a imagem não aparece, eu pego o link da imagem que o usuario digita via post e envio para o imagem_script, acho q n daria certo...
    – Bruno
    Commented 16/11/2015 às 3:52
  • Envias à partir de um formulário ?
    – Edilson
    Commented 16/11/2015 às 8:31
  • Sim, somente um input onde pega o link da imagem .jpg
    – Bruno
    Commented 16/11/2015 às 20:11
  • No caso a imagem a ser gerada, é a mistura de uma imagem qualquer selecionada localmente, e enviada à partir de um formulário ? É isto ?
    – Edilson
    Commented 16/11/2015 às 20:16
  • Sim, ela pega uma imagem localmente, e depois sobrepõe sobre a imagem(buscada no link que o usuario digitou)
    – Bruno
    Commented 16/11/2015 às 20:48
0

Quando você envia um cabeçalho Content-type você não pode utilizar mais de um tipo de arquivo (imagem e HTML, no seu exemplo). Uma solução é codificar a imagem gerada em base-64 e exibir com uma data URI, para isso é preciso controlar o buffer de saída de imagepng() com as funções ob_*.

No seu código remova header('Content-Type: image/png'); e substitua imagepng($user); por:

ob_start(); // liga o buffer de saída
imagepng($user);
$imagem = ob_get_clean(); // armazena o conteúdo e desliga  o buffer
$tagImagem = '<img src="data:image/png;base64,' . base64_encode($imagem) . '"/>';

E dentro do <body>

echo $tagImagem;

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .