Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / external / ImageMagick / dcca3fa3bc535a40a90c681bf07f2379fc2f3f76 / . / www / magick-vector-graphics.html
blob: 8f43a8c1accb799f81f711ffa3af362bf950fd30 [file] [log] [blame]
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]4<head>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
6 <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U="/>
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]7 <title>ImageMagick: Magick Vector Graphics</title>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]8 <meta http-equiv="Content-Language" content="en-US"/>
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
10 <meta http-equiv="Reply-to" content="magick-users@imagemagick.org"/>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]11 <meta name="Application-name" content="ImageMagick"/>
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]12 <meta name="Description" content="ImageMagick is a software suite to create, edit, compose, or convert bitmap images in a variety of formats. Use ImageMagick to scale, rotate, shear, distort and transform images."/>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]13 <meta name="Application-url" content="http://www.imagemagick.org"/>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]14 <meta name="Generator" content="PHP"/>
15 <meta name="Keywords" content="magick, vector, graphics, ImageMagick, ImageMagic, MagickCore, MagickWand, PerlMagick, Magick++, RMagick, PythonMagick, JMagick, TclMagick, Image, Magick, Magic, Wand, ImageMagickObject, Swiss, Army, Knife, Image, Processing"/>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]16 <meta name="Rating" content="GENERAL"/>
17 <meta name="Robots" content="INDEX, FOLLOW"/>
18 <meta name="Generator" content="ImageMagick Studio LLC"/>
19 <meta name="Author" content="ImageMagick Studio LLC"/>
20 <meta name="Revisit-after" content="2 DAYS"/>
21 <meta name="Resource-type" content="document"/>
cristy7e41fe82010-12-04 23:12:08 +0000[diff] [blame]22 <meta name="Copyright" content="Copyright (c) 1999-2011 ImageMagick Studio LLC"/>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]23 <meta name="Distribution" content="Global"/>
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]24 <link rel="icon" href="../images/wand.png"/>
cristy3c98a4f2010-08-13 20:09:41 +0000[diff] [blame]25 <link rel="shortcut icon" href="../images/wand.ico" type="images/x-icon"/>
26 <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>
27 <style type="text/css" media="all">
28 @import url("../www/magick.css");
29 </style>
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]30 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
31 <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"></script>
32 <link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.4.css" media="screen" />
33 <script type="text/javascript">
34 $(document).ready(function() {
35 $("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox({
36 'transitionIn' : 'elastic',
37 'transitionOut' : 'elastic',
38 'overlayShow' : false,
39 'opacity' : true
40 });
41 });
42 </script>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]43</head>
44
45<body id="www-imagemagick-org">
46<div class="titlebar">
47<a href="../index.html">
48 <img src="../images/script.png" alt="[ImageMagick]"
49 style="width: 350px; height: 60px; margin: 28px auto; float: left;" /></a>
50<a href="http://www.networkredux.com">
51 <img src="../images/networkredux.png" alt="[sponsor]"
52 style="margin: 45px auto; border: 0px; float: left;" /></a>
53<a href="http://www.imagemagick.org/discourse-server/">
54 <img src="../images/logo.jpg" alt=""
55 style="width: 114px; height: 118px; border: 0px; float: right;" /></a>
56<a href="../index.html">
57 <img src="../images/sprite.jpg" alt=""
58 style="width: 114px; height: 118px; border: 0px; float: right;" /></a>
59</div>
60
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]61<div class="westbar">
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]62
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]63<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]64 <a title="About ImageMagick" href="../index.html">About ImageMagick</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]65</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]66<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]67<div class="menu">
cristybb503372010-05-27 20:51:26 +0000[diff] [blame]68 <a title="Binary Releases" href="../www/binary-releases.html">Binary Releases</a>
69</div>
70<div class="sub">
71 <a title="Binary Release: Unix" href="../www/binary-releases.html#unix">Unix</a>
72</div>
73<div class="sub">
74 <a title="Binary Release: MacOS X" href="../www/binary-releases.html#macosx">Mac OS X</a>
75</div>
76<div class="sub">
77 <a title="Binary Release: Windows" href="../www/binary-releases.html#windows">Windows</a>
78</div>
79<div class="sep"></div>
80<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]81 <a title="Command-line Tools" href="../www/command-line-tools.html">Command-line Tools</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]82</div>
83<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]84 <a title="Command-line Tools: Processing" href="../www/command-line-processing.html">Processing</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]85</div>
86<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]87 <a title="Command-line Tools: Options" href="../www/command-line-options.html">Options</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]88</div>
89<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]90 <a title="Command-line Tools: Usage" href="http://www.imagemagick.org/Usage/">Usage</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]91</div>
92<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]93 <a title="Program Interfaces" href="../www/api.html">Program Interfaces</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]94</div>
95<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]96 <a title="Program Interface: MagickWand" href="../www/magick-wand.html">MagickWand</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]97</div>
98<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]99 <a title="Program Interface: MagickCore" href="../www/magick-core.html">MagickCore</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]100</div>
101<div class="sub">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]102 <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]103</div>
104<div class="sub">
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]105 <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]106</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]107<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]108<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]109 <a title="Install from Source" href="../www/install-source.html">Install from Source</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="Install from Source: Unix" href="../www/install-source.html#unix">Unix</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="Install from Source: Windows" href="../www/install-source.html#windows">Windows</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]116 </div>
117<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]118 <a title="Resources" href="../www/resources.html">Resources</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]119</div>
cristybb503372010-05-27 20:51:26 +0000[diff] [blame]120<div class="menu">
121 <a title="Architecture" href="../www/architecture.html">Architecture</a>
122</div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]123<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]124 <a title="Download" href="../www/download.html">Download</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]125</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]126<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]127<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]128 <a title="Search" href="http://www.imagemagick.org/script/search.php">Search</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]129</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]130<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]131<div class="menu">
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]132 <a title="Site Map" href="../www/sitemap.html">Site Map</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]133</div>
134<div class="sub">
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]135 <a title="Site Map: Links" href="../www/links.html">Links</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]136</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]137<div class="sep"></div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]138<div class="menu">
cristy83a272e2010-05-07 20:40:35 +0000[diff] [blame]139 <a title="Sponsors" href="../www/sponsors.html">Sponsors:</a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]140
141<div class="sponsbox">
142<div class="sponsor">
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]143 <a title="Sponsor: Webdesign" href="http://www.renehornig.com/">Webdesign</a><!-- 20111001000240 -->
cristy73fd1cd2010-09-12 19:14:25 +0000[diff] [blame]144</div>
145<div class="sponsor">
cristy7d52cd62010-10-01 17:26:59 +0000[diff] [blame]146 <a title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
147</div>
148<div class="sponsor">
cristyc5baf4f2010-08-31 15:05:33 +0000[diff] [blame]149 <a title="Sponsor: Image Converter" href="http://www.batchphoto.com">Image Converter</a><!-- 201103010900 Bits Coffee-->
150</div>
151<div class="sponsor">
cristy851dbce2010-08-06 21:40:00 +0000[diff] [blame]152 <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
153</div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]154</div>
155</div>
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]156</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]157
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]158<div class="eastbar">
159 <script type="text/javascript">
160 <!--
161 google_ad_client = "pub-3129977114552745";
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]162 google_ad_slot = "0574824969";
163 google_ad_width = 160;
164 google_ad_height = 600;
165 //-->
166 </script>
167 <script type="text/javascript"
168 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
169 </script>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]170</div>
171
172<div class="main">
173
174
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]175<h1>ImageMagick Magick Vector Graphics</h1>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]176<p class="navigation-index">[<a href="#intro">Introduction to Vector Graphics</a> &bull; <a href="#overview">MVG Overview</a> &bull; <a href="#primitives">Drawing Primitives</a>]</p>
177
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]178<a id="intro"></a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]179<div class="doc-section">
180
181<p>This specification defines the features and syntax for Magick Vector Graphics (MVG), a modularized language for describing two-dimensional vector and mixed vector/raster graphics in ImageMagick. You can use the language to draw from the
182command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG -- Scalable Vector Graphics</a> file or from one of the ImageMagick <a href="../www/api.html">program interfaces</a>. Use this command, for example, to render an arc:</p>
183
184<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 100x60 xc:skyblue -fill white -stroke black \ <br/>
185 -draw "path 'M 30,40 A 30,20 20 0,0 70,20 A 30,20 20 1,0 30,40 Z '" \ <br/>
186 arc.png</span></p>
187<p>and here is the result:</p>
188
189<p class="image">
190 <a href="../images/arc.png"><img src="../images/arc.png" width="100" height="60" alt="arc" /></a>
191</p>
192
193<p>When the drawing gets sufficiently complex, we recommend you assemble the graphic primitives into a MVG file. For our example, we use <a href="../www/source/piechart.mvg">piechart.mvg</a>:</p>
194
195<div class="viewport">
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]196 push graphic-context
197 viewbox 0 0 624 369
198 affine 0.283636 0 0 0.283846 -0 -0
199 push graphic-context
200 push graphic-context
201 fill 'darkslateblue'
202 stroke 'blue'
203 stroke-width 1
204 rectangle 1,1 2199,1299
205 pop graphic-context
206 push graphic-context
207 font-size 40
208 fill 'white'
209 stroke-width 1
210 text 600,1100 'Average: 20.0'
211 pop graphic-context
212 push graphic-context
213 fill 'red'
214 stroke 'black'
215 stroke-width 5
216 path 'M700.0,600.0 L340.0,600.0 A360.0,360.0 0 0,1 408.1452123287954,389.2376150414973 z'
217 pop graphic-context
218 push graphic-context
219 font-size 40
220 fill 'white'
221 stroke-width 1
222 text 1400,140 'MagickWand for PHP'
223 pop graphic-context
224 push graphic-context
225 font-size 30
226 fill 'white'
227 stroke-width 1
228 text 1800,140 '(10.0%)'
229 pop graphic-context
230 push graphic-context
231 fill 'red'
232 stroke 'black'
233 stroke-width 4
234 rectangle 1330,100 1370,140
235 pop graphic-context
236 push graphic-context
237 fill 'yellow'
238 stroke 'black'
239 stroke-width 5
240 path 'M700.0,600.0 L408.1452123287954,389.2376150414973 A360.0,360.0 0 0,1 976.5894480359858,369.56936567559273 z'
241 pop graphic-context
242 push graphic-context
243 font-size 40
244 fill 'white'
245 stroke-width 1
246 text 1400,220 'MagickCore'
247 pop graphic-context
248 push graphic-context
249 font-size 30
250 fill 'white'
251 stroke-width 1
252 text 1800,220 '(29.0%)'
253 pop graphic-context
254 push graphic-context
255 fill 'yellow'
256 stroke 'black'
257 stroke-width 4
258 rectangle 1330,180 1370,220
259 pop graphic-context
260 push graphic-context
261 fill 'fuchsia'
262 stroke 'black'
263 stroke-width 5
264 path 'M700.0,600.0 L976.5894480359858,369.56936567559273 A360.0,360.0 0 0,1 964.2680466142854,844.4634932636567 z'
265 pop graphic-context
266 push graphic-context
267 font-size 40
268 fill 'white'
269 stroke-width 1
270 text 1400,300 'MagickWand'
271 pop graphic-context
272 push graphic-context
273 font-size 30
274 fill 'white'
275 stroke-width 1
276 text 1800,300 '(22.9%)'
277 pop graphic-context
278 push graphic-context
279 fill 'fuchsia'
280 stroke 'black'
281 stroke-width 4
282 rectangle 1330,260 1370,300
283 pop graphic-context
284 push graphic-context
285 fill 'blue'
286 stroke 'black'
287 stroke-width 5
288 path 'M700.0,600.0 L964.2680466142854,844.4634932636567 A360.0,360.0 0 0,1 757.853099990584,955.3210081341651 z'
289 pop graphic-context
290 push graphic-context
291 font-size 40
292 fill 'white'
293 stroke-width 1
294 text 1400,380 'JMagick'
295 pop graphic-context
296 push graphic-context
297 font-size 30
298 fill 'white'
299 stroke-width 1
300 text 1800,380 '(10.6%)'
301 pop graphic-context
302 push graphic-context
303 fill 'blue'
304 stroke 'black'
305 stroke-width 4
306 rectangle 1330,340 1370,380
307 pop graphic-context
308 push graphic-context
309 fill 'lime'
310 stroke 'black'
311 stroke-width 5
312 path 'M700.0,600.0 L757.853099990584,955.3210081341651 A360.0,360.0 0 0,1 340.0,600.0 z'
313 pop graphic-context
314 push graphic-context
315 font-size 40
316 fill 'white'
317 stroke-width 1
318 text 1400,460 'Magick++'
319 pop graphic-context
320 push graphic-context
321 font-size 30
322 fill 'white'
323 stroke-width 1
324 text 1800,460 '(27.5%)'
325 pop graphic-context
326 push graphic-context
327 fill 'lime'
328 stroke 'black'
329 stroke-width 4
330 rectangle 1330,420 1370,460
331 pop graphic-context
332 push graphic-context
333 font-size 100
334 fill 'white'
335 stroke-width 1
336 text 100,150 'ImageMagick'
337 pop graphic-context
338 push graphic-context
339 fill 'none'
340 stroke 'black'
341 stroke-width 5
342 circle 700,600 700,960
343 pop graphic-context
344 pop graphic-context
345 pop graphic-context
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]346</div>
347
348<p>to render a pie chart with this command:</p>
349
350<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert piechart.mvg piechart.png</span></p>
351<p>which produces this rendering:</p>
352
353<p class="image">
354 <a href="../images/piechart.png"><img src="../images/piechart.png" width="624" height="369" alt="piechart" /></a>
355</p>
356
357<p>However, in general, MVG is sufficiently difficult to work with that you probably want to use a program to generate your graphics in the SVG format. ImageMagick automagically converts SVG to MVG and renders your image, for example, we render <a href="../www/source/piechart.svg">piechart.svg</a> with this command:</p>
358
359<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert piechart.svg piechart.jpg</span></p>
360
361<p>to produce the same pie chart we created with the MVG language.</p>
362
363<p>Drawing is available from many of the ImageMagick <a href="../www/api.html">program interfaces</a> as well. ImageMagick converts the drawing API calls to MVG and renders it. Here is example code written in the <a href="../www/magick-wand.html">MagickWand</a> language: </p>
364
365<div class="viewport">
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]366 (void) PushDrawingWand(draw_wand);
367 {
368 const PointInfo points[6] =
369 {
370 { 180,504 },
371 { 282.7,578.6 },
372 { 243.5,699.4 },
373 { 116.5,699.4 },
374 { 77.26,578.6 },
375 { 180,504 }
376 };
377
378 DrawSetStrokeAntialias(draw_wand,True);
379 DrawSetStrokeWidth(draw_wand,9);
380 DrawSetStrokeLineCap(draw_wand,RoundCap);
381 DrawSetStrokeLineJoin(draw_wand,RoundJoin);
382 (void) DrawSetStrokeDashArray(draw_wand,0,(const double *)NULL);
383 (void) PixelSetColor(color,"#4000c2");
384 DrawSetStrokeColor(draw_wand,color);
385 DrawSetFillRule(draw_wand,EvenOddRule);
386 (void) PixelSetColor(color,"#800000");
387 DrawSetFillColor(draw_wand,color);
388 DrawPolygon(draw_wand,6,points);
389 }
390 (void) PopDrawingWand(draw_wand);
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]391</div>
392
393</div>
394
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]395<h2><a id="overview"></a>MVG Overview</h2>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]396<div class="doc-section">
397
398<p>MVG ignores all white-space between commands. This allows multiple MVG commands per line. It is common convention to terminate each MVG command with a new line to make MVG easier to edit and read. This syntax description uses indentation in MVG sequences to aid with understanding. Indentation is supported but is not required.</p>
399
400<p>Metafile wrapper syntax (to support stand-alone MVG files):</p>
401
402<pre class="text">
403 push graphic-context
404 viewbox 0 0 width height
405 [ any other MVG commands ]
406 pop graphic-context
407</pre>
408
409<p>Pattern syntax (saving and restoring context):</p>
410
411<pre class="text">
412 push pattern id x,y width,height
413 push graphic-context
414 [ drawing commands ]
415 pop graphic-context
416 pop pattern
417</pre>
418
419<p>an example is (%s is a identifier string):</p>
420
421<pre class="text">
422 push defs
423 push pattern %s 10,10 20,20
424 push graphic-context
425 fill red
426 rectangle 5,5 15,15
427 pop graphic-context
428 push graphic-context
429 fill green
430 rectangle 10,10 20,20
431 pop graphic-context
432 pop pattern
433 pop defs
434</pre>
435
436<p>For image tiling use:</p>
437
438<pre class="text">
439 push pattern id x,y width,height
440 image Copy ...
441 pop pattern
442</pre>
443
444<p>Note you can use the pattern for either the fill or stroke like:</p>
445
446<pre class="text">
447 stroke url(#%s)
448</pre>
449
450<p>or</p>
451
452<pre class="text">
453 fill url(#%s)
454</pre>
455
456<p>The clip path defines a clipping area, where only the contained area to be drawn upon. Areas outside of the clipping areare masked.</p>
457
458<pre class="text">
459 push defs
460 push clip-path %s
461 push graphic-context
462 rectangle 10,10 20,20
463 pop graphic-context
464 pop clip-path
465 pop defs
466 clip-path url(#%s)
467</pre>
468
469</div>
470
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]471<h2><a id="primitives"></a>Drawing Primitives</h2>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]472<div class="doc-section">
473
474<p>Here is a complete description of the MVG drawing primitives:</p>
475
476<dl class="doc">
477
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]478 <dt class="doc"><a id="affine" id="affine"></a>affine <em class="option">s<sub>x</sub></em>,<em class="option">r<sub>x</sub></em>,<em class="option">r<sub>y</sub></em>,<em class="option">s<sub>y</sub></em>,<em class="option">t<sub>x</sub></em>,<em class="option">t<sub>y</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]479
480 <dd></dd>
481
482
483
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]484 <dt class="doc"><a id="arc" id="arc"></a>arc <em class="option">x<sub>0</sub></em>,<em class="option">y<sub>0</sub></em>&nbsp; &nbsp;<em class="option">x<sub>1</sub></em>,<em class="option">y<sub>1</sub></em>&nbsp; &nbsp;<em class="option">a<sub>0</sub></em>,<em class="option">a<sub>1</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]485
486 <dd></dd>
487
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]488 <dt class="doc"><a id="bezier" id="bezier"></a>bezier <em class="option">x<sub>0</sub></em>,<em class="option">y<sub>0</sub></em> ... <em class="option">x<sub>n</sub></em>,<em class="option">y<sub>n</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]489
490 <dd>
491 <p><kbd>Bezier</kbd> (spline) requires three or more x,y coordinates to define its shape. The first and last points are the knots (preserved coordinates) and any intermediate coordinates are the control points. If two control points are specified, the line between each end knot and its sequentially respective control point determines the tangent direction of the curve at that end. If one control point is specified, the lines from the end knots to the one control point determines the tangent directions of the curve at each end. If more than two control points are specified, then the additional control points act in combination to determine the intermediate shape of the curve. In order to
492 draw complex curves, it is highly recommended either to use the <kbd>Path</kbd> primitive or to draw multiple four-point bezier segments with the start and end knots of each successive segment repeated.</p>
493 </dd>
494
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]495 <dt class="doc"><a id="border-color" id="border-color"></a>border-color <em class="option">color</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]496
497 <dd></dd>
498
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]499 <dt class="doc"><a id="circle" id="circle"></a>circle <em class="option">origin<sub>x</sub></em>,<em class="option">origin<sub>y</sub></em>&nbsp; &nbsp;<em class="option">perimeter<sub>x</sub></em>,<em class="option">perimeter<sub>y</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]500
501 <dd></dd>
502
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]503 <dt class="doc"><a id="clip-path" id="clip-path"></a>clip-path url(<em class="option">name</em>)</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]504
505 <dd></dd>
506
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]507 <dt class="doc"><a id="clip-rule" id="clip-rule"></a>clip-rule <em class="option">rule</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]508
509 <dd>Choose from these rule types:
510
511 <p class="text">
512 evenodd <br/>
513 nonzero
514 </p>
515 </dd>
516
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]517 <dt class="doc"><a id="clip-units" id="clip-units"></a>clip-units <em class="option">units</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]518
519 <dd>Choose from these unit types:
520
521 <p class="text">
522 userSpace <br/>
523 userSpaceOnUse <br/>
524 objectBoundingBox <br/>
525 </p>
526 </dd>
527
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]528 <dt class="doc"><a id="color" id="color"></a>color <em class="option">x</em>,<em class="option">y</em> <em class="option">method</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]529
530
531
532
533
534
535
536
537
538
539
540<dd>Choose from these method types:
541
542<pre class="text">
543 point
544 replace
545 floodfill
546 filltoborder
547 reset
548</pre>
549
550</dd>
551
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]552 <dt class="doc"><a id="decorate" id="decorate"></a>decorate <em class="option">type</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]553
554
555<dd>Choose from these types of decorations:
556
557<pre class="text">
558 none
559 line-through
560 overline
561 underline
562</pre>
563
564</dd>
565
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]566 <dt class="doc"><a id="ellipse" id="ellipse"></a>ellipse <em class="option">center<sub>x</sub></em>,<em class="option">center<sub>y</sub></em>&nbsp; &nbsp;<em class="option">radius<sub>x</sub></em>,<em class="option">radius<sub>y</sub></em>&nbsp; &nbsp;<em class="option">arc<sub>start</sub></em>,<em class="option">arc<sub>stop</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]567
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]568 <dt class="doc"><a id="fill" id="fill"></a>fill <em class="option">color</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]569
570<dd>Choose from any of these <a href="../www/color.html">colors</a>.
571</dd>
572
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]573 <dt class="doc"><a id="fill-opacity" id="fill-opacity"></a>fill-opacity <em class="option">opacity</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]574
575
576<dd>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).
577</dd>
578
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]579 <dt class="doc"><a id="fill-rule" id="fill-rule"></a>fill-rule <em class="option">rule</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]580
581
582<dd>Choose from these rule types:
583
584<pre class="text">
585 evenodd
586 nonzero
587</pre>
588
589</dd>
590
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]591 <dt class="doc"><a id="font" id="font"></a>font <em class="option">name</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]592
593<dd></dd>
594
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]595 <dt class="doc"><a id="font-family" id="font-family"></a>font-family <em class="option">family</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]596
597<dd></dd>
598
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]599 <dt class="doc"><a id="font-size" id="font-size"></a>font-size <em class="option">point-size</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]600
601<dd></dd>
602
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]603 <dt class="doc"><a id="font-stretch" id="font-stretch"></a>font-stretch <em class="option">type</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]604
605<dd>Choose from these stretch types:
606
607<pre class="text">
608 all
609 normal
610 ultra-condensed
611 extra-condensed
612 condensed
613 semi-condensed
614 semi-expanded
615 expanded
616 extra-expanded
617 ultra-expanded
618</pre>
619
620</dd>
621
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]622 <dt class="doc"><a id="font-style" id="font-style"></a>font-style <em class="option">style</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]623
624
625<dd>Choose from these styles:
626
627<pre class="text">
628 all
629 normal
630 italic
631 oblique
632</pre>
633
634</dd>
635
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]636 <dt class="doc"><a id="font-weight" id="font-weight"></a>font-weight <em class="option">weight</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]637
638<dd>Choose from these weights:
639
640<pre class="text">
641 all
642 normal
643 bold
644 100
645 200
646 300
647 400
648 500
649 600
650 700
651 800
652 900
653</pre>
654
655</dd>
656
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]657 <dt class="doc"><a id="gradient-units" id="gradient-units"></a>gradient-units <em class="option">units</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]658
659<dd>Choose from these units:
660
661<pre class="text">
662 userSpace
663 userSpaceOnUse
664 objectBoundingBox
665</pre>
666
667</dd>
668
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]669 <dt class="doc"><a id="gravity" id="gravity"></a>gravity <em class="option">type</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]670
671<dd>Choose from these gravity types:
672
673<pre class="text">
674 NorthWest
675 North
676 NorthEast
677 West
678 Center
679 East
680 SouthWest
681 South
682 SouthEast
683</pre>
684
685</dd>
686
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]687 <dt class="doc"><a id="image" id="image"></a>image <em class="option">compose x,y width,height 'filename'</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]688
689<dd>Choose from these compose operations:
690
691<table id="table" cellpadding="2" cellspacing="0" style="width: 93%">
692 <tbody>
693 <tr valign="top">
694 <th align="left" style="width: 8%">Method</th>
695 <th align="left">Description</th>
696 </tr>
697
698 <tr valign="top">
699 <td valign="top">clear</td>
700 <td valign="top">Both the color and the alpha of the destination are cleared. Neither the source nor the destination are used as input.</td>
701 </tr>
702
703 <tr valign="top">
704 <td valign="top">src</td>
705 <td valign="top">The source is copied to the destination. The destination is not used as input.</td>
706 </tr>
707
708 <tr valign="top">
709 <td valign="top">dst</td>
710 <td valign="top">The destination is left untouched.</td>
711 </tr>
712
713 <tr valign="top">
714 <td valign="top"><b>src-over</b></td>
715 <td valign="top">The source is composited over the destination.</td>
716 </tr>
717
718 <tr valign="top">
719 <td valign="top">dst-over</td>
720 <td valign="top">The destination is composited over the source and the result replaces the destination.</td>
721 </tr>
722
723 <tr valign="top">
724 <td valign="top">src-in</td>
725 <td valign="top">The part of the source lying inside of the destination replaces the destination.</td>
726 </tr>
727
728 <tr valign="top">
729 <td valign="top">dst-in</td>
730 <td valign="top">The part of the destination lying inside of the source replaces the destination.</td>
731 </tr>
732
733 <tr valign="top">
734 <td valign="top">src-out</td>
735 <td valign="top">The part of the source lying outside of the destination replaces the destination.</td>
736 </tr>
737
738 <tr valign="top">
739 <td valign="top">dst-out</td>
740 <td valign="top">The part of the destination lying outside of the source replaces the destination.</td>
741 </tr>
742
743 <tr valign="top">
744 <td valign="top">src-atop</td>
745 <td valign="top">The part of the source lying inside of the destination is composited onto the destination.</td>
746 </tr>
747
748 <tr valign="top">
749 <td valign="top">dst-atop</td>
750 <td valign="top">The part of the destination lying inside of the source is composited over the source and replaces the destination.</td>
751 </tr>
752
753 <tr valign="top">
754 <td valign="top">multiply</td>
755 <td valign="top">The source is multiplied by the destination and replaces the destination. The resultant color is always at least as dark as either of the two constituent colors. Multiplying any color with black produces black. Multiplying any color with white leaves the original color unchanged.</td>
756 </tr>
757
758 <tr valign="top">
759 <td valign="top">screen</td>
760 <td valign="top">The source and destination are complemented and then multiplied and then replace the destination. The resultant color is always at least as light as either of the two constituent colors. Screening any color with white produces white. Screening any color with black leaves the original color unchanged.</td>
761 </tr>
762
763 <tr valign="top">
764 <td valign="top">overlay</td>
765 <td valign="top">Multiplies or screens the colors, dependent on the destination color. Source colors overlay the destination whilst preserving its highlights and shadows. The destination color is not replaced, but is mixed with the source color to reflect the lightness or darkness of the destination.</td>
766 </tr>
767
768 <tr valign="top">
769 <td valign="top">darken</td>
770 <td valign="top">Selects the darker of the destination and source colors. The destination is replaced with the source when the source is darker, otherwise it is left unchanged.</td>
771 </tr>
772
773 <tr valign="top">
774 <td valign="top">lighten</td>
775 <td valign="top">Selects the lighter of the destination and source colors. The destination is replaced with the source when the source is lighter, otherwise it is left unchanged.</td>
776 </tr>
777
778 <tr valign="top">
779 <td valign="top">linear-light</td>
780 <td valign="top">Increase contrast slightly with an impact on the foreground's tonal values.</td>
781 </tr>
782
783 <tr valign="top">
784 <td valign="top">color-dodge</td>
785 <td valign="top">Brightens the destination color to reflect the source color. Painting with black produces no change.</td>
786 </tr>
787
788 <tr valign="top">
789 <td valign="top">color-burn</td>
790 <td valign="top">Darkens the destination color to reflect the source color. Painting with white produces no change.</td>
791 </tr>
792
793 <tr valign="top">
794 <td valign="top">hard-light</td>
795 <td valign="top">Multiplies or screens the colors, dependent on the source color value. If the source color is lighter than 0.5, the destination is lightened as if it were screened. If the source color is darker than 0.5, the destination is darkened, as if it were multiplied. The degree of lightening or darkening is proportional to the difference between the source color and 0.5. If it is equal to 0.5 the destination is unchanged. Painting with pure black or white produces black or white.</td>
796 </tr>
797
798 <tr valign="top">
799 <td valign="top">soft-light</td>
800 <td valign="top">Darkens or lightens the colors, dependent on the source color value. If the source color is lighter than 0.5, the destination is lightened. If the source color is darker than 0.5, the destination is darkened, as if it were burned in. The degree of darkening or lightening is proportional to the difference between the source color and 0.5. If it is equal to 0.5, the destination is unchanged. Painting with pure black or white produces a distinctly darker or lighter area, but does not result in pure black or white.</td>
801 </tr>
802
803 <tr valign="top">
804 <td valign="top">plus</td>
805 <td valign="top">The source is added to the destination and replaces the destination. This operator is useful for animating a dissolve between two images.</td>
806 </tr>
807
808 <tr valign="top">
809 <td valign="top">add</td>
810 <td valign="top">As per 'plus' but transparency data is treated as matte
811 values. As such any transparent areas in either image remain
812 transparent. </td>
813 </tr>
814
815 <tr valign="top">
816 <td valign="top">minus</td>
817 <td valign="top">Subtract the colors in the source image from the
818 destination image. When transparency is involved, Opaque areas will be
819 subtracted from any destination opaque areas. </td>
820 </tr>
821
822 <tr valign="top">
823 <td valign="top">subtract</td>
824 <td valign="top">Subtract the colors in the source image from the
825 destination image. When transparency is involved transparent areas are
826 subtracted, so only the opaque areas in the source remain opaque in
827 the destination image. </td>
828 </tr>
829
830 <tr valign="top">
831 <td valign="top">difference</td>
832 <td valign="top">Subtracts the darker of the two constituent colors from the lighter. Painting with white inverts the destination color. Painting with black produces no change.</td>
833 </tr>
834
835 <tr valign="top">
836 <td valign="top">exclusion</td>
837 <td valign="top">Produces an effect similar to that of 'difference', but appears as lower contrast. Painting with white inverts the destination color. Painting with black produces no change.</td>
838 </tr>
839
840 <tr valign="top">
841 <td valign="top">xor</td>
842 <td valign="top">The part of the source that lies outside of the destination is combined with the part of the destination that lies outside of the source.</td>
843 </tr>
844
845 <tr valign="top">
846 <td valign="top">copy-*</td>
847 <td valign="top">Copy the specificed channel in the source image to the
848 same channel in the destination image. If the channel specified in
849 the source image does not exist, (which can only happen for methods,
850 '<kbd>copy-opacity</kbd>' or '<kbd>copy-black</kbd>') then it is
851 assumed that the source image is a special grayscale channel image
852 of the values to be copied. </td>
853 </tr>
854
855 <tr valign="top">
856 <td valign="top">change-mask</td>
857 <td valign="top">Replace any destination pixel that is the similar to the source images pixel (as defined by the current <a href="#fuzz">-fuzz</a> factor), with transparency. </td>
858 </tr>
859 </tbody>
860</table>
861
862</dd>
863
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]864 <dt class="doc"><a id="interline-spacing" id="interline-spacing"></a>interline-spacing <em class="option">pixels</em></dt>
cristyf3bb4782009-09-08 13:10:04 +0000[diff] [blame]865
866 <dd></dd>
867
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]868 <dt class="doc"><a id="interword-spacing" id="interword-spacing"></a>interword-spacing <em class="option">pixels</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]869
870 <dd></dd>
871
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]872 <dt class="doc"><a id="kerning" id="kerning"></a>kerning <em class="option">pixels</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]873
874 <dd></dd>
875
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]876 <dt class="doc"><a id="line" id="line"></a>line <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]877
878 <dd></dd>
879
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]880 <dt class="doc"><a id="matte" id="matte"></a>matte <em class="option">x,y method</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]881
882<dd>Choose from these methods:
883
884<pre class="text">
885 point
886 replace
887 floodfill
888 filltoborder
889 reset
890</pre>
891
892</dd>
893
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]894 <dt class="doc"><a id="offset" id="offset"></a>offset <em class="option">offset</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]895
896 <dd></dd>
897
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]898 <dt class="doc"><a id="opacity" id="opacity"></a>opacity <em class="option">opacity</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]899
900<dd>Use percent (e.g. 50%).</dd>
901
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]902 <dt class="doc"><a id="path" id="path"></a>path <em class="option">path</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]903
904 <dd></dd>
905
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]906 <dt class="doc"><a id="point" id="point"></a>point <em class="option">x,y</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]907
908 <dd></dd>
909
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]910 <dt class="doc"><a id="polygon" id="polygon"></a>polygon <em class="option">x,y x<sub>1</sub>,y<sub>1</sub>, ..., x<sub>n</sub>,y<sub>n</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]911
912 <dd></dd>
913
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]914 <dt class="doc"><a id="polyline" id="polyline"></a>polyline <em class="option">x,y x<sub>1</sub>,y<sub>1</sub>, ..., x<sub>n</sub>,y<sub>n</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]915
916 <dd></dd>
917
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]918 <dt class="doc"><a id="pop-clip-path" id="pop-clip-path"></a>pop clip-path</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]919
920 <dd></dd>
921
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]922 <dt class="doc"><a id="pop-defs" id="pop-defs"></a>pop defs</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]923
924 <dd></dd>
925
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]926 <dt class="doc"><a id="pop-gradient" id="pop-gradient"></a>pop gradient</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]927
928 <dd></dd>
929
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]930 <dt class="doc"><a id="pop-graphic-context" id="pop-graphic-context"></a>pop graphic-context</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]931
932 <dd></dd>
933
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]934 <dt class="doc"><a id="pop-pattern" id="pop-pattern"></a>pop pattern</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]935
936 <dd></dd>
937
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]938 <dt class="doc"><a id="push" id="push"></a>push clip-path <em class="option">name</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]939
940 <dd></dd>
941
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]942 <dt class="doc"><a id="push-defs" id="push-defs"></a>push defs</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]943
944 <dd></dd>
945
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]946 <dt class="doc"><a id="push-gradient-linear" id="push-gradient-linear"></a>push gradient <em class="option">id linear x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]947
948 <dd></dd>
949
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]950 <dt class="doc"><a id="push-gradient-radial" id="push-gradient-radial"></a>push gradient <em class="option">id radial x<sub>c</sub>,c<sub>y</sub> x<sub>f</sub>,y<sub>f</sub> radius</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]951
952 <dd></dd>
953
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]954 <dt class="doc"><a id="push-graphic-context" id="push-graphic-context"></a>push graphic-context</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]955
956 <dd></dd>
957
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]958 <dt class="doc"><a id="push-pattern" id="push-pattern"></a>push pattern <em class="option">id radial x,y width,height</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]959
960 <dd></dd>
961
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]962 <dt class="doc"><a id="rectangle" id="rectangle"></a>rectangle <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]963
964 <dd></dd>
965
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]966 <dt class="doc"><a id="rotate" id="rotate"></a>rotate <em class="option">angle</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]967
968 <dd></dd>
969
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]970 <dt class="doc"><a id="roundrectangle" id="roundrectangle"></a>roundrectangle <em class="option">x,y x<sub>1</sub>,y<sub>1</sub> width,height</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]971
972 <dd></dd>
973
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]974 <dt class="doc"><a id="scale" id="scale"></a>scale <em class="option">x,y</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]975
976 <dd></dd>
977
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]978 <dt class="doc"><a id="skewX" id="skewX"></a>skewX <em class="option">angle</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]979
980 <dd></dd>
981
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]982 <dt class="doc"><a id="skewY" id="skewY"></a>skewX <em class="option">angle</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]983
984 <dd></dd>
985
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]986 <dt class="doc"><a id="stop-color" id="stop-color"></a>stop-color <em class="option">color offset</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]987
988 <dd></dd>
989
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]990 <dt class="doc"><a id="stroke" id="stroke"></a>stroke <em class="option">color</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]991
992 <dd></dd>
993
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]994 <dt class="doc"><a id="stroke-antialias" id="stroke-antialias"></a>stroke-antialias <em class="option">0 &bull; 1</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]995
996 <dd></dd>
997
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]998 <dt class="doc"><a id="stroke-dasharray" id="stroke-dasharray"></a>stroke-dasharray <em class="option">none &bull; numeric-list</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]999
1000 <dd></dd>
1001
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1002 <dt class="doc"><a id="stroke-dashoffset" id="stroke-dashoffset"></a>stroke-dashoffset <em class="option">offset</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1003
1004 <dd></dd>
1005
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1006 <dt class="doc"><a id="stroke-linecap" id="stroke-linecap"></a>stroke-linecap <em class="option">type</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1007
1008
1009 <dd>Choose from these cap types:
1010
1011<pre class="text">
1012 butt
1013 round
1014 square
1015</pre>
1016
1017 </dd>
1018
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1019 <dt class="doc"><a id="stroke-linejoin" id="stroke-linejoin"></a>stroke-linejoin <em class="option">type</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1020
1021 <dd>Choose from these join types:
1022
1023<pre class="text">
1024 bevel
1025 miter
1026 round
1027</pre>
1028
1029 </dd>
1030
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1031 <dt class="doc"><a id="stroke-miterlimit" id="stroke-miterlimit"></a>stroke-miterlimit <em class="option">limit</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1032
1033 <dd></dd>
1034
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1035 <dt class="doc"><a id="stroke-opacity" id="stroke-opacity"></a>stroke-opacity <em class="option">opacity</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1036
1037 <dd>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).
1038 </dd>
1039
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1040 <dt class="doc"><a id="stroke-width" id="stroke-width"></a>stroke-width <em class="option">width</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1041
1042 <dd></dd>
1043
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1044 <dt class="doc"><a id="text" id="text"></a>text <em class="option">"text"</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1045
1046 <dd></dd>
1047
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1048 <dt class="doc"><a id="text-antialias" id="text-antialias"></a>text-antialias <em class="option">0 &bull; 1</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1049
1050 <dd></dd>
1051
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1052 <dt class="doc"><a id="text-undercolor" id="text-undercolor"></a>text-undercolor <em class="option">color</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1053
1054 <dd></dd>
1055
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1056 <dt class="doc"><a id="translate" id="translate"></a>translate <em class="option">x,y</em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1057
1058 <dd></dd>
1059
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame^]1060 <dt class="doc"><a id="viewbox" id="viewbox"></a>viewbox <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]1061
1062 <dd></dd>
1063
1064</dl>
1065
1066</div>
1067
1068
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1069
1070</div>
1071
1072<div id="linkbar">
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]1073 <span id="linkbar-west">&nbsp;</span>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1074 <span id="linkbar-center">
1075 <a href="http://www.imagemagick.org/discourse-server/">Discourse Server</a> &bull;
cristya8902942010-07-30 00:49:52 +0000[diff] [blame]1076 <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1077 </span>
1078 <span id="linkbar-east">&nbsp;</span>
1079 </div>
1080 <div class="footer">
cristy7e41fe82010-12-04 23:12:08 +0000[diff] [blame]1081 <span id="footer-west">&copy; 1999-2011 ImageMagick Studio LLC</span>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1082 <span id="footer-east"> <a href="http://www.imagemagick.org/script/contact.php">Contact the Wizards</a></span>
1083 </div>
1084 <div style="clear: both; margin: 0; width: 100%; "></div>
cristya8902942010-07-30 00:49:52 +0000[diff] [blame]1085 <script type="text/javascript">
1086 var _gaq = _gaq || [];
1087 _gaq.push(['_setAccount', 'UA-17690367-1']);
1088 _gaq.push(['_trackPageview']);
1089
1090 (function() {
1091 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
1092 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
1093 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
1094 })();
1095 </script>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1096</body>
1097</html>