Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / external / ImageMagick / 7f5167a72e2c98086772ef11d1ba9a81afaabaf5 / . / www / composite.html
blob: 06d8dad35139ecbf032f3c1e74c7c23c07a02062 [file] [log] [blame]
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
cristy2bd2a982011-02-15 00:52:58 +0000[diff] [blame]4<html version="-//W3C//DTD XHTML 1.1//EN"
5 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
6 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
7 xsi:schemaLocation="http://www.w3.org/1999/xhtml
8 http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]9<head>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
cristy1efc1ab2011-08-01 14:47:02 +0000[diff] [blame]11 <meta name="google-site-verification" content="MxsMq6bdLOx0KSuz1MY6yG9ZTIJ7_7DVRfl5NCAT5Yg"/>
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]12 <title>ImageMagick: Command-line Tools: Composite</title>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]13 <meta http-equiv="Content-Language" content="en-US"/>
14 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
15 <meta http-equiv="Reply-to" content="magick-users@imagemagick.org"/>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]16 <meta name="Application-name" content="ImageMagick"/>
cristye6e84152011-06-06 14:16:49 +0000[diff] [blame]17 <meta name="Description" content="Use ImageMagick to convert, edit, or compose bitmap images in a variety of formats. In addition resize, rotate, shear, distort and transform images automagically."/>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]18 <meta name="Application-url" content="http://www.imagemagick.org"/>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]19 <meta name="Generator" content="PHP"/>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]20 <meta name="Keywords" content="command-line, tools:, composite, ImageMagick, PerlMagick, image processing, OpenMP, software development library, image, photo, software, Magick++, MagickWand"/>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]21 <meta name="Rating" content="GENERAL"/>
22 <meta name="Robots" content="INDEX, FOLLOW"/>
23 <meta name="Generator" content="ImageMagick Studio LLC"/>
24 <meta name="Author" content="ImageMagick Studio LLC"/>
25 <meta name="Revisit-after" content="2 DAYS"/>
26 <meta name="Resource-type" content="document"/>
cristy1454be72011-12-19 01:52:48 +0000[diff] [blame]27 <meta name="Copyright" content="Copyright (c) 1999-2012 ImageMagick Studio LLC"/>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]28 <meta name="Distribution" content="Global"/>
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]29 <link rel="icon" href="../images/wand.png"/>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]30 <link rel="shortcut icon" href="../images/wand.ico" type="images/x-icon"/>
cristy29c5c992011-06-25 13:58:49 +0000[diff] [blame]31 <link rel="canonical" href="http://www.imagemagick.org" />
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]32 <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]33 <!-- Add jQuery library -->
34 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
35
36 <!-- Optionaly include easing and/or mousewheel plugins -->
37 <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.easing-1.3.pack.js"></script>
38 <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
39
40 <!-- Add fancyBox -->
41 <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/jquery.fancybox.css?v=2.0.3" type="text/css" media="screen" />
42 <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.fancybox.pack.js?v=2.0.3"></script>
43
44 <!-- Optionaly include button and/or thumbnail helpers -->
45 <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.css?v=2.0.3" type="text/css" media="screen" />
46 <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.js?v=2.0.3"></script>
47
48 <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.css?v=2.0.3" type="text/css" media="screen" />
49 <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.js?v=2.0.3"></script>
50 <script type="text/javascript">
51 $(document).ready(function() {
52 $(".fancybox").fancybox();
53 });
54 </script>
55 <!-- ImageMagick style -->
cristy7a40ba82011-01-08 20:31:18 +0000[diff] [blame]56 <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]57 <style type="text/css" media="all">
58 @import url("../www/magick.css");
59 </style>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]60</head>
61
62<body id="www-imagemagick-org">
63<div class="titlebar">
cristyb52981c2011-03-19 17:09:31 +0000[diff] [blame]64<div style="margin: 17px auto; float: left;">
65 <script type="text/javascript">
66 <!--
67 google_ad_client = "pub-3129977114552745";
68 google_ad_slot = "5439289906";
69 google_ad_width = 728;
70 google_ad_height = 90;
71 //-->
72 </script>
73 <script type="text/javascript"
74 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
75 </script>
76</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]77<a href="http://www.imagemagick.org/discourse-server/">
cristyaf8d6652011-02-04 21:57:45 +0000[diff] [blame]78 <img src="../images/logo.jpg"
79 alt="ImageMagick Logo"
cristy178edaf2011-01-23 03:42:39 +0000[diff] [blame]80 style="width: 123px; height: 118px; border: 0px; float: right;" /></a>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]81<a href="../index.html">
cristyaf8d6652011-02-04 21:57:45 +0000[diff] [blame]82 <img src="../images/sprite.jpg"
83 alt="ImageMagick Sprite"
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]84 style="width: 114px; height: 118px; border: 0px; float: right;" /></a>
85</div>
86
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]87<div class="westbar">
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]88
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]89<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]90 <a title="About ImageMagick" href="../index.html">About ImageMagick</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]91</div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]92<div class="menu">
cristybb503372010-05-27 20:51:26 +0000[diff] [blame]93 <a title="Binary Releases" href="../www/binary-releases.html">Binary Releases</a>
94</div>
95<div class="sub">
96 <a title="Binary Release: Unix" href="../www/binary-releases.html#unix">Unix</a>
97</div>
98<div class="sub">
99 <a title="Binary Release: MacOS X" href="../www/binary-releases.html#macosx">Mac OS X</a>
100</div>
101<div class="sub">
cristye6e84152011-06-06 14:16:49 +0000[diff] [blame]102 <a title="Binary Release: iOS" href="../www/binary-releases.html#iOS">iOS</a>
cristyda16f162011-02-19 23:52:17 +0000[diff] [blame]103</div>
104<div class="sub">
cristybb503372010-05-27 20:51:26 +0000[diff] [blame]105 <a title="Binary Release: Windows" href="../www/binary-releases.html#windows">Windows</a>
106</div>
107<div class="sep"></div>
108<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]109 <a title="Command-line Tools" href="../www/command-line-tools.html">Command-line Tools</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]110</div>
111<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]112 <a title="Command-line Tools: Processing" href="../www/command-line-processing.html">Processing</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]113</div>
114<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]115 <a title="Command-line Tools: Options" href="../www/command-line-options.html">Options</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]116</div>
117<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]118 <a title="Command-line Tools: Usage" href="http://www.imagemagick.org/Usage/">Usage</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]119</div>
120<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]121 <a title="Program Interfaces" href="../www/api.html">Program Interfaces</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]122</div>
123<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]124 <a title="Program Interface: MagickWand" href="../www/magick-wand.html">MagickWand</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]125</div>
126<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]127 <a title="Program Interface: MagickCore" href="../www/magick-core.html">MagickCore</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]128</div>
129<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]130 <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]131</div>
132<div class="sub">
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]133 <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]134</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]135<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]136<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]137 <a title="Install from Source" href="../www/install-source.html">Install from Source</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]138</div>
139<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]140 <a title="Install from Source: Unix" href="../www/install-source.html#unix">Unix</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]141</div>
142<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]143 <a title="Install from Source: Windows" href="../www/install-source.html#windows">Windows</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]144 </div>
145<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]146 <a title="Resources" href="../www/resources.html">Resources</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]147</div>
cristybb503372010-05-27 20:51:26 +0000[diff] [blame]148<div class="menu">
149 <a title="Architecture" href="../www/architecture.html">Architecture</a>
150</div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]151<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]152 <a title="Download" href="../www/download.html">Download</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]153</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]154<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]155<div class="menu">
cristy52923442011-01-15 22:54:31 +0000[diff] [blame]156 <a title="Search" href="../www/search.html">Search</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]157</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]158<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]159<div class="menu">
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]160 <a title="Site Map" href="../www/sitemap.html">Site Map</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]161</div>
162<div class="sub">
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]163 <a title="Site Map: Links" href="../www/links.html">Links</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]164</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]165<div class="sep"></div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]166<div class="menu">
cristy10549a12011-05-15 19:04:46 +0000[diff] [blame]167 <a rel="follow" title="Sponsors" href="../www/sponsors.html">Sponsors:</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]168
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]169 <a href="http://www.networkredux.com"> <img src="../images/networkredux.png" width="140" height="31" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a>
170 <a href="http://www.dinodirect.com/ipads-tablets/"> <img src="../images/dino-direct.jpg" width="140" height="90" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a><!-- 201204010120 mickey@163... -->
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]171<div class="sponsbox">
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]172<div class="sponsor">
173 <a rel="follow" title="Android Tablet" href="http://www.dinodirect.com/ipads-tablets/">Android Tablet</a><!-- 201204010120 mickey@163... -->
cristy81492d62011-06-07 16:41:42 +0000[diff] [blame]174</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]175<div class="sponsor">
cristyaf894d72011-08-06 23:03:10 +0000[diff] [blame]176 <a rel="follow" title="Sponsor: Web Hosting" href="http://www.micfo.com">Web Hosting</a><!-- 209901010090s golestan -->
cristy1efc1ab2011-08-01 14:47:02 +0000[diff] [blame]177</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]178<div class="sponsor">
179 <a rel="follow" title="Sponsor: Autos Part" href="http://www.pkwteile.de/autoteile">Autos Part</a><!-- 201203010270 info@pkwte... -->
cristy84134182011-06-15 22:59:00 +0000[diff] [blame]180</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]181<div class="sponsor">
182 <a rel="follow" title="Sponsor: Web Site Hosting" href="http://webhostinggeeks.com">Web Site Hosting</a><!-- 201302010900 funds@enmob... -->
cristy81492d62011-06-07 16:41:42 +0000[diff] [blame]183</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]184<div class="sponsor">
185 <a rel="follow" title="Sponsor: Tenant Check" href="http://www.rentmethod.com/">Tenant Check</a><!-- 201203010090 chris@rentm... -->
cristyba1758d2011-06-03 01:29:12 +0000[diff] [blame]186</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]187<div class="sponsor">
188 <a rel="follow" title="Sponsor: VPS" href="http://www.interdominios.com/vps">VPS</a><!-- 201204010090 barsh@inter... -->
cristyaf894d72011-08-06 23:03:10 +0000[diff] [blame]189</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]190<div class="sponsor">
191 <a rel="follow" title="Sponsor: Premium Quality Stock Photos" href="http://www.f1online.pro/en/">Premium Quality Stock Photos</a><!-- 2012080100540 ... -->
192</div>
193<div class="sponsor">
194 <a rel="follow" title="Sponsor: Search engine optimisation" href="http://www.seomoves.com.au">Search engine optimisation</a><!-- 201301010090s jen@seo lowprofilelinks -->
195</div>
196<div class="sponsor">
197 <a rel="follow" title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 2012070100250 ... -->
198</div>
199<div class="sponsor">
200 <a rel="follow" title="Sponsor: Managed Server" href="http://www.robhost.de">Managed Server</a><!-- 201210010720 klikics... -->
201</div>
202<div class="sponsor">
203 <a rel="follow" title="Sponsor: Stock Photography" href="http://www.fotosearch.com/">Stock Photography</a><!-- 2012040100250 ... -->
204</div>
205<div class="sponsor">
206 <a rel="follow" title="Sponsor: Autoteile" href="http://www.q11-shop.de">Autoteile</a><!-- 201205010540 suvalj -->
207</div>
208<div class="sponsor">
209 <a rel="follow" title="Sponsor: Royalty Free Stock Images" href="http://www.canstockphoto.com/">Royalty Free Stock Images</a><!-- 2012050100360 support@can -->
210</div>
211<div class="sponsor">
cristyba1758d2011-06-03 01:29:12 +0000[diff] [blame]212 <a rel="follow" title="Sponsor: Web Hosting Reviews" href="http://www.webhostingsecretrevealed.com">Web Hosting Secret Revealed</a><!-- 201204010540 iamchee jerry -->
213</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]214<div class="sponsor">
cristy10549a12011-05-15 19:04:46 +0000[diff] [blame]215 <a rel="follow" title="Sponsor: Druckerei" href="http://www.allesdruck.de">Druckerei</a><!-- 201303011500 r.leo -->
cristy4c54bbb2011-03-17 13:53:13 +0000[diff] [blame]216</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]217<div class="sponsor">
218 <a rel="follow" title="Sponsor: Got Stripes" href="http://www.stripeslawncare.org">Got Stripes?</a><!-- 2012090100150 brooks@stripes...-->
cristy4bf6e232011-05-21 01:43:33 +0000[diff] [blame]219</div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]220<div class="sponsor">
221 <a rel="follow" title="Sponsor: Schlüsseldienst Berlin BSD" href="http://www.schluesseldienst-berlin.de">Schlüsseldienst Berlin BSD</a><!-- 2012050100025 info@schlues-->
cristyec6b4752011-01-08 03:16:23 +0000[diff] [blame]222</div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]223</div>
224</div>
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]225</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]226
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]227<div class="eastbar">
cristy29c5c992011-06-25 13:58:49 +0000[diff] [blame]228 <div class="g-plusone" data-size="standard" data-count="false"></div>
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]229 <script type="text/javascript">
230 window.___gcfg = {
231 lang: 'en-US'
232 };
233
234 (function() {
235 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
236 po.src = 'https://apis.google.com/js/plusone.js';
237 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
238 })();
239 </script>
cristy29c5c992011-06-25 13:58:49 +0000[diff] [blame]240</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]241
242<div class="main">
243
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]244<h1>ImageMagick Composite Command-line Tool</h1>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]245<p class="navigation-index">[<a href="#usage">Example Usage</a> &bull; <a href="#options">Option Summary</a>]</p>
246
247<p>Use the <kbd>composite</kbd> program to overlap one image over another. See <a href="../www/command-line-processing.html">Command Line Processing</a> for advice on how to structure your <kbd>composite</kbd> command or see below for example usages of the command.</p>
248
249<div style="margin: auto;">
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]250 <h2><a id="usage"></a>Example Usage</h2>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]251</div>
252
253<p>We list a few examples of the <kbd>composite</kbd> command here to illustrate its usefulness and ease of use. To get started, lets overlay a smiley face over a rose:</p>
254
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]255<p class='crt'><span class="crtprompt"> $ </span><span class='crtin'>composite -gravity center smile.gif rose: rose-over.png</span></p>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]256<div class="image">
257<p>
258 <a href="../images/smile.gif"><img src="../images/smile.gif" width="48" height="48" alt="smile" /></a>
259 <img src="../images/over.gif" width="56" height="46" alt="over" />
260 <a href="../images/rose.jpg"><img src="../images/rose.jpg" width="70" height="46" alt="rose" /></a>
261 <img style="margin-top:13px; margin-bottom:13px;" src="../images/right.gif" width="20" height="20" alt="==>" />
262 <a href="../images/rose-over.png"><img src="../images/rose-over.png" width="70" height="46" alt="rose" /></a>
263</p>
264</div>
265
266<p>You can create three-dimensional effect with the <em>Atop</em>:</p>
267
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]268<p class='crt'><span class="crtprompt"> $ </span><span class='crtin'>convert -size 70x70 canvas:none -fill red -draw 'circle 35,35 10,30' red-circle.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>convert -size 70x70 canvas:none -draw 'circle 35,35 35,20' -negate \ <br/>
269 -channel A -gaussian-blur 0x8 white-highlight.png</span><span class='crtout'></span><span class="crtprompt"> $ </span><span class='crtin'>composite -compose atop -geometry -13-17 white-highlight.png red-circle.png red-ball.png</span></p>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]270
271<div class="image">
272<p>
273 <a href="../images/white-highlight.png"><img src="../images/white-highlight.png" width="70" height="70" alt="white highlight" /></a>
274 <img src="../images/atop.gif" width="56" height="70" alt="atop" />
275 <a href="../images/red-circle.png"><img src="../images/red-circle.png" width="70" height="70" alt="red circle" /></a>
276 <img style="margin-top:25px; margin-bottom:25px;" src="../images/right.gif" width="20" height="20" alt="==>" />
277 <a href="../images/red-ball.png"><img src="../images/red-ball.png" width="70" height="70" alt="red ball" /></a>
278</p>
279</div>
280
281<p>You can find additional examples of using <kbd>composite</kbd> in <a href="http://www.imagemagick.org/Usage/">Examples of ImageMagick Usage</a>. You can find out more about them and the mathematics by looking at <a href="http://www.w3.org/TR/SVG12/rendering.html">SVG Alpha Compositing</a></p>
282
283<div style="margin: auto;">
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]284 <h2><a id="options"></a>Option Summary</h2>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]285</div>
286
287<p>The <kbd>composite</kbd> command recognizes these options. Click on an option to get more details about how that option works.</p>
288
289<table class="doc">
290 <tbody>
291 <tr>
292 <th align="left">Option</th>
293 <th align="left">Description</th>
294 </tr>
295
296 <tr>
297 <td valign="top"><a href="../www/command-line-options.html#affine">-affine <em class="option">matrix</em></a></td>
298 <td valign="top">affine transform matrix</td>
299 </tr>
300
301 <tr>
302 <td valign="top"><a href="../www/command-line-options.html#alpha">-alpha</a></td>
303 <td valign="top">on, activate, off, deactivate, set, opaque, copy",
304transparent, extract, background, or shape the alpha channel</td>
305 </tr>
306
307 <tr>
308 <td valign="top"><a href="../www/command-line-options.html#authenticate">-authenticate <em class="option">value</em></a></td>
309 <td valign="top">decrypt image with this password</td>
310 </tr>
311
312 <tr>
313 <td valign="top"><a href="../www/command-line-options.html#blend">-blend <em class="option">geometry</em></a></td>
314 <td valign="top">blend images</td>
315 </tr>
316
317 <tr>
318 <td valign="top"><a href="../www/command-line-options.html#blue-primary">-blue-primary <em class="option">point</em></a></td>
319 <td valign="top">chromaticity blue primary point</td>
320 </tr>
321
322
323 <tr>
324 <td valign="top"><a href="../www/command-line-options.html#border">-border <em class="option">geometry</em></a></td>
325 <td valign="top">surround image with a border of color</td>
326 </tr>
327
328 <tr>
329 <td valign="top"><a href="../www/command-line-options.html#bordercolor">-bordercolor <em class="option">color</em></a></td>
330 <td valign="top">border color</td>
331 </tr>
332
333 <tr>
334 <td valign="top"><a href="../www/command-line-options.html#channel">-channel <em class="option">type</em></a></td>
335 <td valign="top">apply option to select image channels</td>
336 </tr>
337
338 <tr>
339 <td valign="top"><a href="../www/command-line-options.html#colors">-colors <em class="option">value</em></a></td>
340 <td valign="top">preferred number of colors in the image</td>
341 </tr>
342
343 <tr>
344 <td valign="top"><a href="../www/command-line-options.html#colorspace">-colorspace <em class="option">type</em></a></td>
345 <td valign="top">set image colorspace</td>
346 </tr>
347
348 <tr>
349 <td valign="top"><a href="../www/command-line-options.html#comment">-comment <em class="option">string</em></a></td>
350 <td valign="top">annotate image with comment</td>
351 </tr>
352
353 <tr>
354 <td valign="top"><a href="../www/command-line-options.html#compose">-compose <em class="option">operator</em></a></td>
355 <td valign="top">set image composite operator</td>
356 </tr>
357
358 <tr>
359 <td valign="top"><a href="../www/command-line-options.html#compress">-compress <em class="option">type</em></a></td>
360 <td valign="top">image compression type</td>
361 </tr>
362
363 <tr>
364 <td valign="top"><a href="../www/command-line-options.html#debug">-debug <em class="option">events</em></a></td>
365 <td valign="top">display copious debugging information</td>
366 </tr>
367
368 <tr>
369 <td valign="top"><a href="../www/command-line-options.html#decipher">-decipher <em class="option">filename</em></a></td>
370 <td valign="top">convert cipher pixels to plain</td>
371 </tr>
372
373 <tr>
374 <td valign="top"><a href="../www/command-line-options.html#define">-define <em class="option">format:option</em></a></td>
375 <td valign="top">define one or more image format options</td>
376 </tr>
377
378 <tr>
379 <td valign="top"><a href="../www/command-line-options.html#density">-density <em class="option">geometry</em></a></td>
380 <td valign="top">horizontal and vertical density of the image</td>
381 </tr>
382
383 <tr>
384 <td valign="top"><a href="../www/command-line-options.html#depth">-depth <em class="option">value</em></a></td>
385 <td valign="top">image depth</td>
386 </tr>
387
388 <tr>
389 <td valign="top"><a href="../www/command-line-options.html#displace">-displace <em class="option">geometry</em></a></td>
390 <td valign="top">shift image pixels defined by a displacement map</td>
391 </tr>
392
393 <tr>
394 <td valign="top"><a href="../www/command-line-options.html#dissolve">-dissolve <em class="option">value</em></a></td>
395 <td valign="top">dissolve the two images a given percent</td>
396 </tr>
397
398 <tr>
399 <td valign="top"><a href="../www/command-line-options.html#dither">-dither <em class="option">method</em></a></td>
400 <td valign="top">apply error diffusion to image</td>
401 </tr>
402
403 <tr>
404 <td valign="top"><a href="../www/command-line-options.html#encipher">-encipher <em class="option">filename</em></a></td>
405 <td valign="top">convert plain pixels to cipher pixels</td>
406 </tr>
407
408 <tr>
409 <td valign="top"><a href="../www/command-line-options.html#encoding">-encoding <em class="option">type</em></a></td>
410 <td valign="top">text encoding type</td>
411 </tr>
412
413 <tr>
414 <td valign="top"><a href="../www/command-line-options.html#endian">-endian <em class="option">type</em></a></td>
415 <td valign="top">endianness (MSB or LSB) of the image</td>
416 </tr>
417
418 <tr>
419 <td valign="top"><a href="../www/command-line-options.html#extract">-extract <em class="option">geometry</em></a></td>
420 <td valign="top">extract area from image</td>
421 </tr>
422
423 <tr>
424 <td valign="top"><a href="../www/command-line-options.html#filter">-filter <em class="option">type</em></a></td>
425 <td valign="top">use this filter when resizing an image</td>
426 </tr>
427
428 <tr>
429 <td valign="top"><a href="../www/command-line-options.html#font">-font <em class="option">name</em></a></td>
430 <td valign="top">render text with this font</td>
431 </tr>
432
433 <tr>
434 <td valign="top"><a href="../www/command-line-options.html#geometry">-geometry <em class="option">geometry</em></a></td>
435 <td valign="top">preferred size or location of the image</td>
436 </tr>
437
438 <tr>
439 <td valign="top"><a href="../www/command-line-options.html#gravity">-gravity <em class="option">type</em></a></td>
440 <td valign="top">horizontal and vertical text placement</td>
441 </tr>
442
443 <tr>
444 <td valign="top"><a href="../www/command-line-options.html#green-primary">-green-primary <em class="option">point</em></a></td>
445 <td valign="top">chromaticity green primary point</td>
446 </tr>
447
448 <tr>
449 <td valign="top"><a href="../www/command-line-options.html#help">-help</a></td>
450 <td valign="top">print program options</td>
451 </tr>
452
453 <tr>
454 <td valign="top"><a href="../www/command-line-options.html#identify">-identify</a></td>
455 <td valign="top">identify the format and characteristics of the image</td>
456 </tr>
457
458 <tr>
459 <td valign="top"><a href="../www/command-line-options.html#interlace">-interlace <em class="option">type</em></a></td>
460 <td valign="top">type of image interlacing scheme</td>
461 </tr>
462
463 <tr>
464 <td valign="top"><a href="../www/command-line-options.html#interpolate">-interpolate <em class="option">method</em></a></td>
465 <td valign="top">pixel color interpolation method</td>
466 </tr>
467
468 <tr>
469 <td valign="top"><a href="../www/command-line-options.html#label">-label <em class="option">string</em></a></td>
470 <td valign="top">assign a label to an image</td>
471 </tr>
472
473 <tr>
474 <td valign="top"><a href="../www/command-line-options.html#level">-level <em class="option">value</em></a></td>
475 <td valign="top">adjust the level of image contrast</td>
476 </tr>
477
478 <tr>
479 <td valign="top"><a href="../www/command-line-options.html#limit">-limit <em class="option">type value</em></a></td>
480 <td valign="top">pixel cache resource limit</td>
481 </tr>
482
483 <tr>
484 <td valign="top"><a href="../www/command-line-options.html#log">-log <em class="option">format</em></a></td>
485 <td valign="top">format of debugging information</td>
486 </tr>
487
488 <tr>
489 <td valign="top"><a href="../www/command-line-options.html#monitor">-monitor</a></td>
490 <td valign="top">monitor progress</td>
491 </tr>
492
493 <tr>
494 <td valign="top"><a href="../www/command-line-options.html#monochrome">-monochrome</a></td>
495 <td valign="top">transform image to black and white</td>
496 </tr>
497
498 <tr>
499 <td valign="top"><a href="../www/command-line-options.html#negate">-negate</a></td>
cristyb29bc032010-02-01 20:29:43 +0000[diff] [blame]500 <td valign="top">replace each pixel with its complementary color </td>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]501 </tr>
502
503 <tr>
504 <td valign="top"><a href="../www/command-line-options.html#page">-page <em class="option">geometry</em></a></td>
505 <td valign="top">size and location of an image canvas (setting)</td>
506 </tr>
507
508 <tr>
509 <td valign="top"><a href="../www/command-line-options.html#pointsize">-pointsize <em class="option">value</em></a></td>
510 <td valign="top">font point size</td>
511 </tr>
512
513 <tr>
514 <td valign="top"><a href="../www/command-line-options.html#profile">-profile <em class="option">filename</em></a></td>
515 <td valign="top">add, delete, or apply an image profile</td>
516 </tr>
517
518 <tr>
519 <td valign="top"><a href="../www/command-line-options.html#quality">-quality <em class="option">value</em></a></td>
520 <td valign="top">JPEG/MIFF/PNG compression level</td>
521 </tr>
522
523 <tr>
524 <td valign="top"><a href="../www/command-line-options.html#quantize">-quantize <em class="option">colorspace</em></a></td>
525 <td valign="top">reduce image colors in this colorspace</td>
526 </tr>
527
528 <tr>
529 <td valign="top"><a href="../www/command-line-options.html#quiet">-quiet</a></td>
530 <td valign="top">suppress all warning messages</td>
531 </tr>
532
533 <tr>
534 <td valign="top"><a href="../www/command-line-options.html#red-primary">-red-primary <em class="option">point</em></a></td>
535 <td valign="top">chromaticity red primary point</td>
536 </tr>
537
538 <tr>
539 <td valign="top"><a href="../www/command-line-options.html#regard-warnings">-regard-warnings</a></td>
540 <td valign="top">pay attention to warning messages.</td>
541 </tr>
542
543 <tr>
544 <td valign="top"><a href="../www/command-line-options.html#respect-parentheses">-respect-parentheses</a></td>
545 <td valign="top">settings remain in effect until parenthesis boundary.</td>
546 </tr>
547
548 <tr>
549 <td valign="top"><a href="../www/command-line-options.html#rotate">-rotate <em class="option">degrees</em></a></td>
550 <td valign="top">apply Paeth rotation to the image</td>
551 </tr>
552
553 <tr>
554 <td valign="top"><a href="../www/command-line-options.html#sampling-factor">-sampling-factor <em class="option">geometry</em></a></td>
555 <td valign="top">horizontal and vertical sampling factor</td>
556 </tr>
557
558 <tr>
559 <td valign="top"><a href="../www/command-line-options.html#scene">-scene <em class="option">value</em></a></td>
560 <td valign="top">image scene number</td>
561 </tr>
562
563 <tr>
564 <td valign="top"><a href="../www/command-line-options.html#seed">-seed <em class="option">value</em></a></td>
565 <td valign="top">seed a new sequence of pseudo-random numbers</td>
566 </tr>
567
568 <tr>
569 <td valign="top"><a href="../www/command-line-options.html#set">-set <em class="option">attribute value</em></a></td>
570 <td valign="top">set an image attribute</td>
571 </tr>
572
573 <tr>
574 <td valign="top"><a href="../www/command-line-options.html#sharpen">-sharpen <em class="option">geometry</em></a></td>
575 <td valign="top">sharpen the image</td>
576 </tr>
577
578 <tr>
579 <td valign="top"><a href="../www/command-line-options.html#shave">-shave <em class="option">geometry</em></a></td>
580 <td valign="top">shave pixels from the image edges</td>
581 </tr>
582
583 <tr>
584 <td valign="top"><a href="../www/command-line-options.html#size">-size <em class="option">geometry</em></a></td>
585 <td valign="top">width and height of image</td>
586 </tr>
587
588 <tr>
589 <td valign="top"><a href="../www/command-line-options.html#stegano">-stegano <em>offset</em></a></td>
590 <td valign="top">hide watermark within an image</td>
591 </tr>
592
593 <tr>
594 <td valign="top"><a href="../www/command-line-options.html#stereo">-stereo <em class="option">geometry</em></a></td>
595 <td valign="top">combine two image to create a stereo anaglyph</td>
596 </tr>
597
598 <tr>
599 <td valign="top"><a href="../www/command-line-options.html#strip">-strip</a></td>
600 <td valign="top">strip image of all profiles and comments</td>
601 </tr>
602
603 <tr>
604 <td valign="top"><a href="../www/command-line-options.html#swap">-swap <em class="option">indexes</em></a></td>
605 <td valign="top">swap two images in the image sequence</td>
606 </tr>
607
608 <tr>
cristy5063d812010-10-19 16:28:10 +0000[diff] [blame]609 <td valign="top"><a href="../www/command-line-options.html#synchronize">-synchronize</a></td>
610 <td valign="top">synchronize image to storage device</td>
611 </tr>
612
613 <tr>
614 <td valign="top"><a href="../www/command-line-options.html#taint">-taint</a></td>
615 <td valign="top">mark the image as modified</td>
616 </tr>
617
618 <tr>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]619 <td valign="top"><a href="../www/command-line-options.html#thumbnail">-thumbnail <em class="option">geometry</em></a></td>
620 <td valign="top">create a thumbnail of the image</td>
621 </tr>
622
623 <tr>
624 <td valign="top"><a href="../www/command-line-options.html#tile">-tile</a></td>
625 <td valign="top">repeat composite operation across and down image</td>
626 </tr>
627
628 <tr>
629 <td valign="top"><a href="../www/command-line-options.html#transform">-transform</a></td>
630 <td valign="top">affine transform image</td>
631 </tr>
632
633 <tr>
634 <td valign="top"><a href="../www/command-line-options.html#transparent-color">-transparent-color <em class="option">color</em></a></td>
635 <td valign="top">transparent color</td>
636 </tr>
637
638 <tr>
639 <td valign="top"><a href="../www/command-line-options.html#treedepth">-treedepth <em class="option">value</em></a></td>
640 <td valign="top">color tree depth</td>
641 </tr>
642
643 <tr>
644 <td valign="top"><a href="../www/command-line-options.html#type">-type <em class="option">type</em></a></td>
645 <td valign="top">image type</td>
646 </tr>
647
648 <tr>
649 <td valign="top"><a href="../www/command-line-options.html#units">-units <em class="option">type</em></a></td>
650 <td valign="top">the units of image resolution</td>
651 </tr>
652
653 <tr>
654 <td valign="top"><a href="../www/command-line-options.html#unsharp">-unsharp <em class="option">geometry</em></a></td>
655 <td valign="top">sharpen the image</td>
656 </tr>
657
658 <tr>
659 <td valign="top"><a href="../www/command-line-options.html#verbose">-verbose</a></td>
660 <td valign="top">print detailed information about the image</td>
661 </tr>
662
663 <tr>
664 <td valign="top"><a href="../www/command-line-options.html#version">-version</a></td>
665 <td valign="top">print version information</td>
666 </tr>
667
668 <tr>
669 <td valign="top"><a href="../www/command-line-options.html#virtual-pixel">-virtual-pixel <em class="option">method</em></a></td>
670 <td valign="top">access method for pixels outside the boundaries of the image</td>
671 </tr>
672
673 <tr>
674 <td valign="top"><a href="../www/command-line-options.html#watermark">-watermark <em class="option">geometry</em></a></td>
675 <td valign="top">percent brightness and saturation of a watermark</td>
676 </tr>
677
678 <tr>
679 <td valign="top"><a href="../www/command-line-options.html#white-point">-white-point <em class="option">point</em></a></td>
680 <td valign="top">chromaticity white point</td>
681 </tr>
682
683 <tr>
684 <td valign="top"><a href="../www/command-line-options.html#white-threshold">-white-threshold <em class="option">value</em></a></td>
685 <td valign="top">force all pixels above the threshold into white</td>
686 </tr>
687
688 <tr>
689 <td valign="top"><a href="../www/command-line-options.html#write">-write <em class="option">filename</em></a></td>
690 <td valign="top">write images to this file</td>
691 </tr>
692
693 </tbody>
694</table>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]695
696</div>
697
698<div id="linkbar">
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]699 <span id="linkbar-west">&nbsp;</span>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]700 <span id="linkbar-center">
701 <a href="http://www.imagemagick.org/discourse-server/">Discourse Server</a> &bull;
cristya8902942010-07-30 00:49:52 +0000[diff] [blame]702 <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]703 </span>
704 <span id="linkbar-east">&nbsp;</span>
705 </div>
706 <div class="footer">
cristyeed6cb62012-01-28 19:38:34 +0000[diff] [blame]707 <span id="footer-west">&copy; 1999-2011 ImageMagick Studio LLC</span>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]708 <span id="footer-east"> <a href="http://www.imagemagick.org/script/contact.php">Contact the Wizards</a></span>
709 </div>
710 <div style="clear: both; margin: 0; width: 100%; "></div>
cristya8902942010-07-30 00:49:52 +0000[diff] [blame]711 <script type="text/javascript">
712 var _gaq = _gaq || [];
713 _gaq.push(['_setAccount', 'UA-17690367-1']);
714 _gaq.push(['_trackPageview']);
715
716 (function() {
717 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
718 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
719 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
720 })();
721 </script>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]722</body>
723</html>