Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17510
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Escrever em tempo real sobre imagem jQuery e GD PHP

27-12-2014 16:10

Nesse post mostro um script feito usando jQuery e PHP, onde o usuário pode digitar o texto que desejar em um input, e ao clicar em um botão, o texto será mostrado sobre a imagem pré-definida.

<script src="jquery.js"></script>   <script> $(document).ready(function() { $("#escrever").click(function() { $("img").attr("src", "imagem.php?texto="+$("#texto").val()); }); }); </script>

<form>
<input type="text" name="" id="texto" value=""> <input type="button" name="" id="escrever" value="Enviar"> </form> <img id="img" src="imagem.php?texto=escreva">

imagem.php

<?php // header para saida final png header('Content-Type: image/png'); // foto $foto = "foto_base.jpg"; // criando a foto $im = imagecreatefromjpeg($foto); // tamanho da foto $tamanho = getimagesize($foto); // tratamento da fonte $tamanho_fonte = 20; // tamanho $fonte_width = ImageFontWidth($tamanho_fonte); // largura $fonte_height = ImageFontHeight($tamanho_fonte); // altura // texto enviado $text = $_GET['texto']; // tamanho do texto $texto_width = $fonte_width * strlen($text); $texto_height = $fonte_height * strlen($text); // posição do texto $posicao_centralizada = ceil(($tamanho[0]) / 2)-$texto_width; $posicao_middle = ceil(($tamanho[1]) / 2); // cores disponíveis para o texto $white = imagecolorallocate($im, 255, 255, 255); // usado nesse teste $grey = imagecolorallocate($im, 128, 128, 128); $black = imagecolorallocate($im, 0, 0, 0); // tipo da fonte $font = 'sua_fonte.ttf'; // adição do texto a foto imagettftext($im, $tamanho_fonte, 0, $posicao_centralizada, $posicao_middle, $black, $font, $text); // criando o png a ser mostrado imagejpeg($im); imagepng($im); imagedestroy($im); ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado