<!DOCTYPE html>
<html lang="es-ES">

<!-- Mirrored from ecapy.com/tag/gd2/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 04 Dec 2016 16:28:41 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Capy |   GD2</title>
			<link rel="shortcut icon" href="../../wp-content/uploads/2016/01/1454276298_globe-01.png" type="image/x-icon"/>
		<link rel="stylesheet" type="text/css" href="#">

	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="../../xmlrpc.php">
	<!--[if lt IE 9]>
	<script src="http://ecapy.com/wp-content/themes/prolog/js/html5.js"></script>
	<![endif]-->

	
<link rel='dns-prefetch' href='http://s.w.org/' />
<link rel="alternate" type="application/rss+xml" title="Capy &raquo; Feed" href="../../feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Capy &raquo; RSS de los comentarios" href="../../comments/feed/index.html" />
<link rel="alternate" type="application/rss+xml" title="Capy &raquo; GD2 RSS de la etiqueta" href="feed/index.html" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/ecapy.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.6.1"}};
			!function(a,b,c){function d(a){var c,d,e,f,g,h=b.createElement("canvas"),i=h.getContext&&h.getContext("2d"),j=String.fromCharCode;if(!i||!i.fillText)return!1;switch(i.textBaseline="top",i.font="600 32px Arial",a){case"flag":return i.fillText(j(55356,56806,55356,56826),0,0),!(h.toDataURL().length<3e3)&&(i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,65039,8205,55356,57096),0,0),c=h.toDataURL(),i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,55356,57096),0,0),d=h.toDataURL(),c!==d);case"diversity":return i.fillText(j(55356,57221),0,0),e=i.getImageData(16,16,1,1).data,f=e[0]+","+e[1]+","+e[2]+","+e[3],i.fillText(j(55356,57221,55356,57343),0,0),e=i.getImageData(16,16,1,1).data,g=e[0]+","+e[1]+","+e[2]+","+e[3],f!==g;case"simple":return i.fillText(j(55357,56835),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode8":return i.fillText(j(55356,57135),0,0),0!==i.getImageData(16,16,1,1).data[0];case"unicode9":return i.fillText(j(55358,56631),0,0),0!==i.getImageData(16,16,1,1).data[0]}return!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i;for(i=Array("simple","flag","unicode8","diversity","unicode9"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='crayon-theme-sublime-text-css'  href='../../wp-content/plugins/crayon-syntax-highlighter/themes/sublime-text/sublime-text2f6a.css?ver=_2.7.2_beta' type='text/css' media='all' />
<link rel='stylesheet' id='crayon-font-monaco-css'  href='../../wp-content/plugins/crayon-syntax-highlighter/fonts/monaco2f6a.css?ver=_2.7.2_beta' type='text/css' media='all' />
<link rel='stylesheet' id='thm-style-css'  href='../../wp-content/themes/prolog/style1c9b.css?ver=4.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css'  href='../../wp-content/themes/prolog/css/font-awesome.min1c9b.css?ver=4.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='quick-style-css'  href='../../wp-content/themes/prolog/quick-style1c9b.css?ver=4.6.1' type='text/css' media='all' />
<link rel='stylesheet' id='themeum-preset-css'  href='../../wp-content/themes/prolog/css/presets/preset31c9b.css?ver=4.6.1' type='text/css' media='all' />

<script type='text/javascript' src='../../wp-includes/js/jquery/jqueryb8ff.js?ver=1.12.4'></script>
<script type='text/javascript' src='../../wp-includes/js/jquery/jquery-migrate.min330a.js?ver=1.4.1'></script>
<link rel='https://api.w.org/' href='../../wp-json/index.html' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../../xmlrpc0db0.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../../wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.6.1" />
<style type="text/css" title="dynamic-css" class="options-output">body, p{font-family:Open Sans;font-weight:normal;font-style:normal;color:#1a1a1a;font-size:16px;}h1, h2, h3, h4, h5, h6{font-family:Roboto Slab;font-weight:400;font-style:normal;color:#1a1a1a;}#navigation .navbar-nav > li > a, .navbar-main .dropdown-menu > li > a{font-family:Open Sans;font-weight:normal;font-style:normal;color:#777777;font-size:16px;}</style><a title="Real Time Web Analytics" href="http://clicky.com/101338288"></a><script async src="//static.getclicky.com/101338288.js"></script><noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/101338288ns.gif" /></p></noscript></head>

<body class="archive tag tag-gd2 tag-35">
	<div id="page" class="hfeed site">
		<header id="masthead" class="site-header header" role="banner">
			<div class="container">
				<div id="navigation" class="navbar navbar-default">
                    <div class="row">
                        <div class="col-sm-3">
        					<div class="navbar-header">
        						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        							<span class="icon-bar"></span>
        							<span class="icon-bar"></span>
        							<span class="icon-bar"></span>
        						</button>
        	                    <a class="navbar-brand" href="../../index.html">
        	                    	<h1 class="logo-wrapper">
        		                    	Capy        		                    </h1>
        		                </a>
        					</div>
                        </div>

                        <div id="main-menu" class="col-sm-9">
                            <div class="hidden-xs">
                                <ul id="menu-principal" class="nav navbar-nav navbar-main"><li id="menu-item-2961" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2961"><a title="Drupal" href="../../category/drupal/index.html"><span class="fa fa-drupal"></span>&nbsp;Drupal</a></li>
<li id="menu-item-2959" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2959"><a title="CSS y Maquetación" href="../../category/css-y-maquetacion/index.html">CSS y Maquetación</a></li>
<li id="menu-item-2958" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2958"><a title="PHP" href="../../category/php/index.html">PHP</a></li>
<li id="menu-item-2960" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2960"><a title="Javascript" href="../../category/js/index.html">Javascript</a></li>
</ul>                            </div>
                        </div><!--/#main-menu-->

                        <div id="mobile-menu" class="visible-xs">
                            <div class="collapse navbar-collapse">
                                <ul id="menu-principal-1" class="nav navbar-nav"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2961"><a title="Drupal" href="../../category/drupal/index.html"><span class="glyphicon drupal"></span>&nbsp;Drupal</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2959"><a title="CSS y Maquetación" href="../../category/css-y-maquetacion/index.html">CSS y Maquetación</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2958"><a title="PHP" href="../../category/php/index.html">PHP</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2960"><a title="Javascript" href="../../category/js/index.html">Javascript</a></li>
</ul>                            </div>
                        </div><!--/.#mobile-menu-->

                    </div><!--/.row--> 
				</div><!--/.container--> 
			</div>
		</header><!--/#header-->


<section id="main" class="container">
    <div class="row">
        <div id="content" class="site-content col-md-9" role="main">

            
                                    <article id="post-38" class="post-38 post type-post status-publish format-standard hentry category-php category-programacion tag-gd2 tag-php tag-programacion">
    <header class="entry-header">

    
    </header> <!--/.entry-header -->

    <div class="clearfix post-content media">
        <div class="pull-left">
            <h4 class="post-format">
                <i class="fa fa-thumb-tack"></i>
            </h4>

        </div>
    

    <div class="media-body">
        <h2 class="entry-title">
            <a href="../../combinar-imagenes-png-transparentes-con-php-gd2/index.html" rel="bookmark">Combinar varias imágenes PNG transparentes con PHP GD2</a>
                    </h2> <!-- //.entry-title -->

        <div class="clearfix entry-meta">
            <ul>
                                <li class="author"> <i class="fa fa-user"></i> <a href="../../author/capynet/index.html" title="Entradas de capynet" rel="author">capynet</a></li> 
                
                                <li class="publish-date"><i class="fa fa-calendar"></i><time class="entry-date" datetime="2009-02-21T02:45:03+00:00">21 Feb,  2009</time></li>  
                
                                <li class="category"><i class="fa fa-folder-open-o"></i><a href="../../category/php/index.html" rel="category tag">PHP</a>, <a href="../../category/programacion/index.html" rel="category tag">Programación</a></li>
                                
                                <li class="tag"><i class="fa fa-tags"></i><a href="index.html" rel="tag">GD2</a>, <a href="../php/index.html" rel="tag">PHP</a>, <a href="../programacion/index.html" rel="tag">Programación</a><br /> </li>
                
                 
                                    <li class="comments-link">
                        <i class="fa fa-comments-o"></i> <a href="../../combinar-imagenes-png-transparentes-con-php-gd2/index.html#comments">9 comments</a>                    </li>
                                
                                    <li class="edit-link">
                                             </li>
                            </ul>
        </div> <!--/.entry-meta -->

        <div class="entry-summary">
            <p>Me toca hacer un script que tome 3 imágenes y las combine mediante PHP  y la librería GD para ir creando imágenes personalizadas para cada producto en un proyecto de mi trabajo. La gracia de esto viene a ser que hay una imagen sólida y las 2 que se apilan son PNG transparentes. </p>
		<div id="crayon-584438b341667240734982" class="crayon-syntax crayon-theme-sublime-text crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover disable-anim" style=" margin-top: 12px; margin-bottom: 12px; ">
		
			<div class="crayon-plain-wrap"><textarea wrap="soft" class="crayon-plain print-no" data-settings="" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; ">
&lt; ?php
/**
Debemos usar imagecopyresampled() en lugar de imagecopy() ya
que las imagenes transparentes van a rellenar su canal
alpha con negro...
 */

//tomamos la imagen "base"
$tapa_caratula = imagecreatefrompng("tapa_caratula.png");

// Creamos las dos imágenes a utilizar
$caratula_base = imagecreatefrompng("caratula_base.png");
$icono = imagecreatefrompng("icono.png");

// Copiamos una de las imágenes sobre la otra.
// imagecopyresampled( "img_origen", "imagen_que_nueva", pos x imagen_que_nueva, pos y imagen_que_nueva, pos_x_img_origen, pos_y_img_origen, largo_para_imagen_nueva, ancho_para_imagen_nueva, largo_para_imagen_origen, largo_para_imagen_origen);
imagecopyresampled(
  $tapa_caratula,
  $caratula_base,
  0, 0, 0, 0,
  imagesx($caratula_base),
  imagesy($caratula_base),
  imagesx($caratula_base),
  imagesy($caratula_base)
);

imagecopyresampled(
  $tapa_caratula,
  $icono,
  (imagesx($caratula_base) / 2) - (imagesx($icono) / 2) + 10,
  80, 0, 0,
  imagesx($icono),
  imagesy($icono),
  imagesx($icono),
  imagesy($icono)
);

// Damos salida a la imagen final a un archivo
imagepng($tapa_caratula, "salida.png");

// Destruimos las imágenes
imagedestroy($tapa_caratula);
imagedestroy($caratula_base);
imagedestroy($icono);</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style=""><div class="crayon-num" data-line="crayon-584438b341667240734982-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-2">2</div><div class="crayon-num" data-line="crayon-584438b341667240734982-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-4">4</div><div class="crayon-num" data-line="crayon-584438b341667240734982-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-6">6</div><div class="crayon-num" data-line="crayon-584438b341667240734982-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-8">8</div><div class="crayon-num" data-line="crayon-584438b341667240734982-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-10">10</div><div class="crayon-num" data-line="crayon-584438b341667240734982-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-12">12</div><div class="crayon-num" data-line="crayon-584438b341667240734982-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-14">14</div><div class="crayon-num" data-line="crayon-584438b341667240734982-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-16">16</div><div class="crayon-num" data-line="crayon-584438b341667240734982-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-18">18</div><div class="crayon-num" data-line="crayon-584438b341667240734982-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-20">20</div><div class="crayon-num" data-line="crayon-584438b341667240734982-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-22">22</div><div class="crayon-num" data-line="crayon-584438b341667240734982-23">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-24">24</div><div class="crayon-num" data-line="crayon-584438b341667240734982-25">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-26">26</div><div class="crayon-num" data-line="crayon-584438b341667240734982-27">27</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-28">28</div><div class="crayon-num" data-line="crayon-584438b341667240734982-29">29</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-30">30</div><div class="crayon-num" data-line="crayon-584438b341667240734982-31">31</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-32">32</div><div class="crayon-num" data-line="crayon-584438b341667240734982-33">33</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-34">34</div><div class="crayon-num" data-line="crayon-584438b341667240734982-35">35</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-36">36</div><div class="crayon-num" data-line="crayon-584438b341667240734982-37">37</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-38">38</div><div class="crayon-num" data-line="crayon-584438b341667240734982-39">39</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-40">40</div><div class="crayon-num" data-line="crayon-584438b341667240734982-41">41</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-42">42</div><div class="crayon-num" data-line="crayon-584438b341667240734982-43">43</div><div class="crayon-num crayon-striped-num" data-line="crayon-584438b341667240734982-44">44</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style=" -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-584438b341667240734982-1"><span class="crayon-o">&lt;</span><span class="crayon-h"> </span><span class="crayon-sy">?</span><span class="crayon-i">php</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-2"><span class="crayon-c">/**</span></div><div class="crayon-line" id="crayon-584438b341667240734982-3"><span class="crayon-c">Debemos usar imagecopyresampled() en lugar de imagecopy() ya</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-4"><span class="crayon-c">que las imagenes transparentes van a rellenar su canal</span></div><div class="crayon-line" id="crayon-584438b341667240734982-5"><span class="crayon-c">alpha con negro...</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-6"><span class="crayon-c"> */</span></div><div class="crayon-line" id="crayon-584438b341667240734982-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-8"><span class="crayon-c">//tomamos la imagen "base"</span></div><div class="crayon-line" id="crayon-584438b341667240734982-9"><span class="crayon-v">$tapa_caratula</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">imagecreatefrompng</span><span class="crayon-sy">(</span><span class="crayon-s">"tapa_caratula.png"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-10">&nbsp;</div><div class="crayon-line" id="crayon-584438b341667240734982-11"><span class="crayon-c">// Creamos las dos imágenes a utilizar</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-12"><span class="crayon-v">$caratula_base</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">imagecreatefrompng</span><span class="crayon-sy">(</span><span class="crayon-s">"caratula_base.png"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-584438b341667240734982-13"><span class="crayon-v">$icono</span><span class="crayon-h"> </span><span class="crayon-o">=</span><span class="crayon-h"> </span><span class="crayon-e">imagecreatefrompng</span><span class="crayon-sy">(</span><span class="crayon-s">"icono.png"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-14">&nbsp;</div><div class="crayon-line" id="crayon-584438b341667240734982-15"><span class="crayon-c">// Copiamos una de las imágenes sobre la otra.</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-16"><span class="crayon-c">// imagecopyresampled( "img_origen", "imagen_que_nueva", pos x imagen_que_nueva, pos y imagen_que_nueva, pos_x_img_origen, pos_y_img_origen, largo_para_imagen_nueva, ancho_para_imagen_nueva, largo_para_imagen_origen, largo_para_imagen_origen);</span></div><div class="crayon-line" id="crayon-584438b341667240734982-17"><span class="crayon-e">imagecopyresampled</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-18"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$tapa_caratula</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-584438b341667240734982-19"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$caratula_base</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-20"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-584438b341667240734982-21"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesx</span><span class="crayon-sy">(</span><span class="crayon-v">$caratula_base</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-22"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesy</span><span class="crayon-sy">(</span><span class="crayon-v">$caratula_base</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-584438b341667240734982-23"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesx</span><span class="crayon-sy">(</span><span class="crayon-v">$caratula_base</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-24"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesy</span><span class="crayon-sy">(</span><span class="crayon-v">$caratula_base</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-584438b341667240734982-25"><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-26">&nbsp;</div><div class="crayon-line" id="crayon-584438b341667240734982-27"><span class="crayon-e">imagecopyresampled</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-28"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$tapa_caratula</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-584438b341667240734982-29"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$icono</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-30"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">(</span><span class="crayon-e">imagesx</span><span class="crayon-sy">(</span><span class="crayon-v">$caratula_base</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-o">/</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-o">-</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">imagesx</span><span class="crayon-sy">(</span><span class="crayon-v">$icono</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-o">/</span><span class="crayon-h"> </span><span class="crayon-cn">2</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-o">+</span><span class="crayon-h"> </span><span class="crayon-cn">10</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-584438b341667240734982-31"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-cn">80</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-32"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesx</span><span class="crayon-sy">(</span><span class="crayon-v">$icono</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-584438b341667240734982-33"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesy</span><span class="crayon-sy">(</span><span class="crayon-v">$icono</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-34"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesx</span><span class="crayon-sy">(</span><span class="crayon-v">$icono</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-584438b341667240734982-35"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">imagesy</span><span class="crayon-sy">(</span><span class="crayon-v">$icono</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-36"><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-584438b341667240734982-37">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-38"><span class="crayon-c">// Damos salida a la imagen final a un archivo</span></div><div class="crayon-line" id="crayon-584438b341667240734982-39"><span class="crayon-e">imagepng</span><span class="crayon-sy">(</span><span class="crayon-v">$tapa_caratula</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"salida.png"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-40">&nbsp;</div><div class="crayon-line" id="crayon-584438b341667240734982-41"><span class="crayon-c">// Destruimos las imágenes</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-42"><span class="crayon-e">imagedestroy</span><span class="crayon-sy">(</span><span class="crayon-v">$tapa_caratula</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-584438b341667240734982-43"><span class="crayon-e">imagedestroy</span><span class="crayon-sy">(</span><span class="crayon-v">$caratula_base</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-584438b341667240734982-44"><span class="crayon-e">imagedestroy</span><span class="crayon-sy">(</span><span class="crayon-v">$icono</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div><p> Descargar&nbsp;</p>
<p><a class="btn btn-style" href="../../combinar-imagenes-png-transparentes-con-php-gd2/index.html">Seguir leyendo&#8230;</a></p>
        </div> <!-- //.entry-summary -->
            </div>
 

    </div>

</article> <!--/#post-->                
                <div class="btn btn-style pull-left"></div>
                <div class="btn btn-style pull-right"></div>

            
        </div> <!-- #content -->

        <div id="sidebar" class="col-md-3" role="complementary">
            <div class="sidebar-inner">
                <aside class="widget-area">
                                    </aside>
            </div>
        </div> <!-- #sidebar -->

    </div> <!-- .row -->
</section> <!-- .container -->


        <footer id="footer">
        <div class="container">
            <div class="footer">
                <div class="row">
                                            <div class="col-sm-6">
                          <a href="http://asociaciondrupal.es/" target="_blank"><img class="alignnone size-full wp-image-3123" src="../../wp-content/uploads/2016/01/miembro-aed_150x75.jpg" alt="miembro-aed_150x75" width="150" height="75" /></a>                        </div>
                    
                                    </div>
            </div>
        </div>
    </footer><!--/#footer-->
</div>

<link rel='stylesheet' id='crayon-css'  href='../../wp-content/plugins/crayon-syntax-highlighter/css/min/crayon.min2f6a.css?ver=_2.7.2_beta' type='text/css' media='all' />
<script type='text/javascript' src='../../wp-includes/js/imagesloaded.min55a0.js?ver=3.2.0'></script>
<script type='text/javascript' src='../../wp-includes/js/masonry.mind617.js?ver=3.3.2'></script>
<script type='text/javascript' src='../../wp-content/themes/prolog/js/bootstrap.min1c9b.js?ver=4.6.1'></script>
<script type='text/javascript' src='../../wp-content/themes/prolog/js/jquery.prettyPhoto1c9b.js?ver=4.6.1'></script>
<script type='text/javascript' src='../../wp-content/themes/prolog/js/jquery.countdown.min1c9b.js?ver=4.6.1'></script>
<script type='text/javascript' src='../../wp-content/themes/prolog/js/main1c9b.js?ver=4.6.1'></script>
<script type='text/javascript' src='../../wp-includes/js/wp-embed.min1c9b.js?ver=4.6.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var CrayonSyntaxSettings = {"version":"_2.7.2_beta","is_admin":"0","ajaxurl":"http:\/\/ecapy.com\/wp-admin\/admin-ajax.php","prefix":"crayon-","setting":"crayon-setting","selected":"crayon-setting-selected","changed":"crayon-setting-changed","special":"crayon-setting-special","orig_value":"data-orig-value","debug":""};
var CrayonSyntaxStrings = {"copy":"Presiona %s para copiar y %s para pegar","minimize":"Click To Expand Code"};
/* ]]> */
</script>
<script type='text/javascript' src='../../wp-content/plugins/crayon-syntax-highlighter/js/min/crayon.min2f6a.js?ver=_2.7.2_beta'></script>
</body>

<!-- Mirrored from ecapy.com/tag/gd2/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 04 Dec 2016 16:28:41 GMT -->
</html><!--
     FILE ARCHIVED ON 22:33:46 Aug 18, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:47:40 Jan 18, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
-->
<!--
playback timings (ms):
  PetaboxLoader3.datanode: 89.977 (4)
  exclusion.robots: 0.286
  PetaboxLoader3.resolve: 55.782
  captures_list: 105.52
  LoadShardBlock: 81.417 (3)
  load_resource: 78.211
  exclusion.robots.policy: 0.266
  esindex: 0.024
  RedisCDXSource: 0.993
  CDXLines.iter: 18.545 (3)
-->