redimensionner une image à une taille exacte, conserver l'aspect et remplir l'espace en php

Question

hy,

Disons que je veux convertir une image en une taille exacte, par exemple: 400x300. L'astuce est, si l'image, en raison de son rapport d'aspect, ne rentre pas dans 400x300, puis placez-là avec des bordures noires. Une image 900x1200 serait convertie en 225x300 pour conserver son format, puis les bordures noires gauche et droite pour le faire 400x300.

photo originale:

||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 

après Redimensionner je veux ressembler à ceci:

_______________________ 
|+++++++++++++++++++++| 
|+++++++++++++++++++++| 
|+++++++++++++++++++++| 
|+++++++||||||||++++++| 
|+++++++||||||||++++++| 
|+++++++++++++++++++++| 
|+++++++++++++++++++++| 
|_____________________| 

le: "+++++++" je veux être un peu de couleur, et le "|||||||" sont l'image, au milieu!

Malheureusement je n'ai pas encore de code!

je veux quelque chose comme ceci: http://phpthumb.sourceforge.net/demo/demo/phpThumb.demo.demo.php#x22 grâce

Answer 1

vous familiariser avec le gd functions, qui vous permettent de manipuler des images.

Vous aurez besoin de lire dans votre image en utilisant l'une des fonctions imagecreatefrom.... Ensuite, vous devrez créer une deuxième image en utilisant, par exemple, imagecreatetruecolor, que vous fill avec votre couleur de choix. Ensuite, vous copiez l'image originale dans la nouvelle image en utilisant imagecopyresampled, ce qui vous permet de le redimensionner dans le processus. Vous aurez besoin de calculer la nouvelle taille avec des mathématiques simples à l'avance, qui fonctionne comme getimagesize peut vous aider.

Alternativement, jouez avec la classe ImageMagick, ce qui est une alternative à gd vous pouvez ou ne pas trouver plus facile de travailler avec.

Bonne chance! :)

Answer 2

Je suis un grand fan de l'édition et le redimensionnement des images à l'avance pour être la taille que je veux plutôt que le réglage de la largeur et la hauteur quand il est rendu. La performance est meilleure et vous n'avez pas à vous soucier de savoir comment les différents navigateurs peuvent gérer différemment. Donc, si vous n'avez pas de programme d'édition d'image, procurez-vous Paint.net. Gratuit et fonctionne bien.

Answer 3

Créez un div avec un arrière-plan noir et dimensionné à 400x300. Puis montrez votre image redimensionnée à l'intérieur de ce div. Vous pouvez même inclure une vérification pour vous assurer que l'image n'est pas l'aspect désiré avant d'afficher la div.

Quelque chose comme ceci:

<? 
$height-ratio = $height/300; 
$width-ratio = $width/400; 

if ($height-ratio == $width-ratio) { 
$ratio = $height-ratio; 
} elseif ($height-ratio > $width-ratio) { 
$ratio = $height-ratio; 
echo "<div class='blackbox'>"; 
} else { 
$ratio = $width-ratio; 
echo "<div class='blackbox'>"; 
} 

$newHeight = $height/$ratio; 
$newWidth = $width/$ratio; 
echo "<img src='".$imgSrc."' height='".$newHeight."' width='".$newWidth."' />"; 

if ($height-ratio != $width-ratio) 
echo "</div>"; 
?> 

Avec le soutien de css:

.blackbox { 
text-align: center; 
background-color: black; 
height: 300px; 
width: 400px; 
}