Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / external / ImageMagick / ec6b475b2dcc5fa0e8ecbdc6ffa261abf2e2c268 / . / www / magick-vector-graphics.html
blob: 572571a5dd4ea99a0a663a0fc781fac7dddebf4f [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>
cristy361f4662010-12-31 23:02:52 +0000[diff] [blame]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">
cristyec6b4752011-01-08 03:16:23 +0000[diff] [blame^]142<div class="sponsor">
143 <a title="Sponsor: Web Hosting" href="http://www.bodhost.com/hosting.html">Web Hosting</a><!-- 201104010090 -->
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>
cristyec6b4752011-01-08 03:16:23 +0000[diff] [blame^]154<div class="sponsor">
155 <a title="Sponsor: Notebook Reparatur Berlin" href="http://www.notebook-reparaturen-berlin.de">Notebook Reparatur Berlin</a><!-- 2011050100025 gabi.schulze-->
156</div>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]157</div>
158</div>
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]159</div>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]160
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]161<div class="eastbar">
162 <script type="text/javascript">
163 <!--
164 google_ad_client = "pub-3129977114552745";
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]165 google_ad_slot = "0574824969";
166 google_ad_width = 160;
167 google_ad_height = 600;
168 //-->
169 </script>
170 <script type="text/javascript"
171 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
172 </script>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]173</div>
174
175<div class="main">
176
177
cristyffb69ed2010-12-25 00:06:48 +0000[diff] [blame]178<h1>ImageMagick Magick Vector Graphics</h1>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]179<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>
180
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]181<a id="intro"></a>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]182<div class="doc-section">
183
184<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
185command 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>
186
187<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 100x60 xc:skyblue -fill white -stroke black \ <br/>
188 -draw "path 'M 30,40 A 30,20 20 0,0 70,20 A 30,20 20 1,0 30,40 Z '" \ <br/>
189 arc.png</span></p>
190<p>and here is the result:</p>
191
192<p class="image">
193 <a href="../images/arc.png"><img src="../images/arc.png" width="100" height="60" alt="arc" /></a>
194</p>
195
196<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>
197
198<div class="viewport">
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]199 push graphic-context
200 viewbox 0 0 624 369
201 affine 0.283636 0 0 0.283846 -0 -0
202 push graphic-context
203 push graphic-context
204 fill 'darkslateblue'
205 stroke 'blue'
206 stroke-width 1
207 rectangle 1,1 2199,1299
208 pop graphic-context
209 push graphic-context
210 font-size 40
211 fill 'white'
212 stroke-width 1
213 text 600,1100 'Average: 20.0'
214 pop graphic-context
215 push graphic-context
216 fill 'red'
217 stroke 'black'
218 stroke-width 5
219 path 'M700.0,600.0 L340.0,600.0 A360.0,360.0 0 0,1 408.1452123287954,389.2376150414973 z'
220 pop graphic-context
221 push graphic-context
222 font-size 40
223 fill 'white'
224 stroke-width 1
225 text 1400,140 'MagickWand for PHP'
226 pop graphic-context
227 push graphic-context
228 font-size 30
229 fill 'white'
230 stroke-width 1
231 text 1800,140 '(10.0%)'
232 pop graphic-context
233 push graphic-context
234 fill 'red'
235 stroke 'black'
236 stroke-width 4
237 rectangle 1330,100 1370,140
238 pop graphic-context
239 push graphic-context
240 fill 'yellow'
241 stroke 'black'
242 stroke-width 5
243 path 'M700.0,600.0 L408.1452123287954,389.2376150414973 A360.0,360.0 0 0,1 976.5894480359858,369.56936567559273 z'
244 pop graphic-context
245 push graphic-context
246 font-size 40
247 fill 'white'
248 stroke-width 1
249 text 1400,220 'MagickCore'
250 pop graphic-context
251 push graphic-context
252 font-size 30
253 fill 'white'
254 stroke-width 1
255 text 1800,220 '(29.0%)'
256 pop graphic-context
257 push graphic-context
258 fill 'yellow'
259 stroke 'black'
260 stroke-width 4
261 rectangle 1330,180 1370,220
262 pop graphic-context
263 push graphic-context
264 fill 'fuchsia'
265 stroke 'black'
266 stroke-width 5
267 path 'M700.0,600.0 L976.5894480359858,369.56936567559273 A360.0,360.0 0 0,1 964.2680466142854,844.4634932636567 z'
268 pop graphic-context
269 push graphic-context
270 font-size 40
271 fill 'white'
272 stroke-width 1
273 text 1400,300 'MagickWand'
274 pop graphic-context
275 push graphic-context
276 font-size 30
277 fill 'white'
278 stroke-width 1
279 text 1800,300 '(22.9%)'
280 pop graphic-context
281 push graphic-context
282 fill 'fuchsia'
283 stroke 'black'
284 stroke-width 4
285 rectangle 1330,260 1370,300
286 pop graphic-context
287 push graphic-context
288 fill 'blue'
289 stroke 'black'
290 stroke-width 5
291 path 'M700.0,600.0 L964.2680466142854,844.4634932636567 A360.0,360.0 0 0,1 757.853099990584,955.3210081341651 z'
292 pop graphic-context
293 push graphic-context
294 font-size 40
295 fill 'white'
296 stroke-width 1
297 text 1400,380 'JMagick'
298 pop graphic-context
299 push graphic-context
300 font-size 30
301 fill 'white'
302 stroke-width 1
303 text 1800,380 '(10.6%)'
304 pop graphic-context
305 push graphic-context
306 fill 'blue'
307 stroke 'black'
308 stroke-width 4
309 rectangle 1330,340 1370,380
310 pop graphic-context
311 push graphic-context
312 fill 'lime'
313 stroke 'black'
314 stroke-width 5
315 path 'M700.0,600.0 L757.853099990584,955.3210081341651 A360.0,360.0 0 0,1 340.0,600.0 z'
316 pop graphic-context
317 push graphic-context
318 font-size 40
319 fill 'white'
320 stroke-width 1
321 text 1400,460 'Magick++'
322 pop graphic-context
323 push graphic-context
324 font-size 30
325 fill 'white'
326 stroke-width 1
327 text 1800,460 '(27.5%)'
328 pop graphic-context
329 push graphic-context
330 fill 'lime'
331 stroke 'black'
332 stroke-width 4
333 rectangle 1330,420 1370,460
334 pop graphic-context
335 push graphic-context
336 font-size 100
337 fill 'white'
338 stroke-width 1
339 text 100,150 'ImageMagick'
340 pop graphic-context
341 push graphic-context
342 fill 'none'
343 stroke 'black'
344 stroke-width 5
345 circle 700,600 700,960
346 pop graphic-context
347 pop graphic-context
348 pop graphic-context
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]349</div>
350
351<p>to render a pie chart with this command:</p>
352
353<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert piechart.mvg piechart.png</span></p>
354<p>which produces this rendering:</p>
355
356<p class="image">
357 <a href="../images/piechart.png"><img src="../images/piechart.png" width="624" height="369" alt="piechart" /></a>
358</p>
359
360<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>
361
362<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert piechart.svg piechart.jpg</span></p>
363
364<p>to produce the same pie chart we created with the MVG language.</p>
365
366<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>
367
368<div class="viewport">
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]369 (void) PushDrawingWand(draw_wand);
370 {
371 const PointInfo points[6] =
372 {
373 { 180,504 },
374 { 282.7,578.6 },
375 { 243.5,699.4 },
376 { 116.5,699.4 },
377 { 77.26,578.6 },
378 { 180,504 }
379 };
380
381 DrawSetStrokeAntialias(draw_wand,True);
382 DrawSetStrokeWidth(draw_wand,9);
383 DrawSetStrokeLineCap(draw_wand,RoundCap);
384 DrawSetStrokeLineJoin(draw_wand,RoundJoin);
385 (void) DrawSetStrokeDashArray(draw_wand,0,(const double *)NULL);
386 (void) PixelSetColor(color,"#4000c2");
387 DrawSetStrokeColor(draw_wand,color);
388 DrawSetFillRule(draw_wand,EvenOddRule);
389 (void) PixelSetColor(color,"#800000");
390 DrawSetFillColor(draw_wand,color);
391 DrawPolygon(draw_wand,6,points);
392 }
393 (void) PopDrawingWand(draw_wand);
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]394</div>
395
396</div>
397
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]398<h2><a id="overview"></a>MVG Overview</h2>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]399<div class="doc-section">
400
401<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>
402
403<p>Metafile wrapper syntax (to support stand-alone MVG files):</p>
404
405<pre class="text">
406 push graphic-context
407 viewbox 0 0 width height
408 [ any other MVG commands ]
409 pop graphic-context
410</pre>
411
412<p>Pattern syntax (saving and restoring context):</p>
413
414<pre class="text">
415 push pattern id x,y width,height
416 push graphic-context
417 [ drawing commands ]
418 pop graphic-context
419 pop pattern
420</pre>
421
422<p>an example is (%s is a identifier string):</p>
423
424<pre class="text">
425 push defs
426 push pattern %s 10,10 20,20
427 push graphic-context
428 fill red
429 rectangle 5,5 15,15
430 pop graphic-context
431 push graphic-context
432 fill green
433 rectangle 10,10 20,20
434 pop graphic-context
435 pop pattern
436 pop defs
437</pre>
438
439<p>For image tiling use:</p>
440
441<pre class="text">
442 push pattern id x,y width,height
443 image Copy ...
444 pop pattern
445</pre>
446
447<p>Note you can use the pattern for either the fill or stroke like:</p>
448
449<pre class="text">
450 stroke url(#%s)
451</pre>
452
453<p>or</p>
454
455<pre class="text">
456 fill url(#%s)
457</pre>
458
459<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>
460
461<pre class="text">
462 push defs
463 push clip-path %s
464 push graphic-context
465 rectangle 10,10 20,20
466 pop graphic-context
467 pop clip-path
468 pop defs
469 clip-path url(#%s)
470</pre>
471
472</div>
473
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]474<h2><a id="primitives"></a>Drawing Primitives</h2>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]475<div class="doc-section">
476
477<p>Here is a complete description of the MVG drawing primitives:</p>
478
479<dl class="doc">
480
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]481 <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]482
483 <dd></dd>
484
485
486
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]487 <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]488
489 <dd></dd>
490
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]491 <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]492
493 <dd>
494 <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
495 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>
496 </dd>
497
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]498 <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]499
500 <dd></dd>
501
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]502 <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]503
504 <dd></dd>
505
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]506 <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]507
508 <dd></dd>
509
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]510 <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]511
512 <dd>Choose from these rule types:
513
514 <p class="text">
515 evenodd <br/>
516 nonzero
517 </p>
518 </dd>
519
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]520 <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]521
522 <dd>Choose from these unit types:
523
524 <p class="text">
525 userSpace <br/>
526 userSpaceOnUse <br/>
527 objectBoundingBox <br/>
528 </p>
529 </dd>
530
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]531 <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]532
533
534
535
536
537
538
539
540
541
542
543<dd>Choose from these method types:
544
545<pre class="text">
546 point
547 replace
548 floodfill
549 filltoborder
550 reset
551</pre>
552
553</dd>
554
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]555 <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]556
557
558<dd>Choose from these types of decorations:
559
560<pre class="text">
561 none
562 line-through
563 overline
564 underline
565</pre>
566
567</dd>
568
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]569 <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]570
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]571 <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]572
573<dd>Choose from any of these <a href="../www/color.html">colors</a>.
574</dd>
575
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]576 <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]577
578
579<dd>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).
580</dd>
581
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]582 <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]583
584
585<dd>Choose from these rule types:
586
587<pre class="text">
588 evenodd
589 nonzero
590</pre>
591
592</dd>
593
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]594 <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]595
596<dd></dd>
597
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]598 <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]599
600<dd></dd>
601
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]602 <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]603
604<dd></dd>
605
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]606 <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]607
608<dd>Choose from these stretch types:
609
610<pre class="text">
611 all
612 normal
613 ultra-condensed
614 extra-condensed
615 condensed
616 semi-condensed
617 semi-expanded
618 expanded
619 extra-expanded
620 ultra-expanded
621</pre>
622
623</dd>
624
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]625 <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]626
627
628<dd>Choose from these styles:
629
630<pre class="text">
631 all
632 normal
633 italic
634 oblique
635</pre>
636
637</dd>
638
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]639 <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]640
641<dd>Choose from these weights:
642
643<pre class="text">
644 all
645 normal
646 bold
647 100
648 200
649 300
650 400
651 500
652 600
653 700
654 800
655 900
656</pre>
657
658</dd>
659
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]660 <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]661
662<dd>Choose from these units:
663
664<pre class="text">
665 userSpace
666 userSpaceOnUse
667 objectBoundingBox
668</pre>
669
670</dd>
671
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]672 <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]673
674<dd>Choose from these gravity types:
675
676<pre class="text">
677 NorthWest
678 North
679 NorthEast
680 West
681 Center
682 East
683 SouthWest
684 South
685 SouthEast
686</pre>
687
688</dd>
689
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]690 <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]691
692<dd>Choose from these compose operations:
693
694<table id="table" cellpadding="2" cellspacing="0" style="width: 93%">
695 <tbody>
696 <tr valign="top">
697 <th align="left" style="width: 8%">Method</th>
698 <th align="left">Description</th>
699 </tr>
700
701 <tr valign="top">
702 <td valign="top">clear</td>
703 <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>
704 </tr>
705
706 <tr valign="top">
707 <td valign="top">src</td>
708 <td valign="top">The source is copied to the destination. The destination is not used as input.</td>
709 </tr>
710
711 <tr valign="top">
712 <td valign="top">dst</td>
713 <td valign="top">The destination is left untouched.</td>
714 </tr>
715
716 <tr valign="top">
717 <td valign="top"><b>src-over</b></td>
718 <td valign="top">The source is composited over the destination.</td>
719 </tr>
720
721 <tr valign="top">
722 <td valign="top">dst-over</td>
723 <td valign="top">The destination is composited over the source and the result replaces the destination.</td>
724 </tr>
725
726 <tr valign="top">
727 <td valign="top">src-in</td>
728 <td valign="top">The part of the source lying inside of the destination replaces the destination.</td>
729 </tr>
730
731 <tr valign="top">
732 <td valign="top">dst-in</td>
733 <td valign="top">The part of the destination lying inside of the source replaces the destination.</td>
734 </tr>
735
736 <tr valign="top">
737 <td valign="top">src-out</td>
738 <td valign="top">The part of the source lying outside of the destination replaces the destination.</td>
739 </tr>
740
741 <tr valign="top">
742 <td valign="top">dst-out</td>
743 <td valign="top">The part of the destination lying outside of the source replaces the destination.</td>
744 </tr>
745
746 <tr valign="top">
747 <td valign="top">src-atop</td>
748 <td valign="top">The part of the source lying inside of the destination is composited onto the destination.</td>
749 </tr>
750
751 <tr valign="top">
752 <td valign="top">dst-atop</td>
753 <td valign="top">The part of the destination lying inside of the source is composited over the source and replaces the destination.</td>
754 </tr>
755
756 <tr valign="top">
757 <td valign="top">multiply</td>
758 <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>
759 </tr>
760
761 <tr valign="top">
762 <td valign="top">screen</td>
763 <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>
764 </tr>
765
766 <tr valign="top">
767 <td valign="top">overlay</td>
768 <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>
769 </tr>
770
771 <tr valign="top">
772 <td valign="top">darken</td>
773 <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>
774 </tr>
775
776 <tr valign="top">
777 <td valign="top">lighten</td>
778 <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>
779 </tr>
780
781 <tr valign="top">
782 <td valign="top">linear-light</td>
783 <td valign="top">Increase contrast slightly with an impact on the foreground's tonal values.</td>
784 </tr>
785
786 <tr valign="top">
787 <td valign="top">color-dodge</td>
788 <td valign="top">Brightens the destination color to reflect the source color. Painting with black produces no change.</td>
789 </tr>
790
791 <tr valign="top">
792 <td valign="top">color-burn</td>
793 <td valign="top">Darkens the destination color to reflect the source color. Painting with white produces no change.</td>
794 </tr>
795
796 <tr valign="top">
797 <td valign="top">hard-light</td>
798 <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>
799 </tr>
800
801 <tr valign="top">
802 <td valign="top">soft-light</td>
803 <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>
804 </tr>
805
806 <tr valign="top">
807 <td valign="top">plus</td>
808 <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>
809 </tr>
810
811 <tr valign="top">
812 <td valign="top">add</td>
813 <td valign="top">As per 'plus' but transparency data is treated as matte
814 values. As such any transparent areas in either image remain
815 transparent. </td>
816 </tr>
817
818 <tr valign="top">
819 <td valign="top">minus</td>
820 <td valign="top">Subtract the colors in the source image from the
821 destination image. When transparency is involved, Opaque areas will be
822 subtracted from any destination opaque areas. </td>
823 </tr>
824
825 <tr valign="top">
826 <td valign="top">subtract</td>
827 <td valign="top">Subtract the colors in the source image from the
828 destination image. When transparency is involved transparent areas are
829 subtracted, so only the opaque areas in the source remain opaque in
830 the destination image. </td>
831 </tr>
832
833 <tr valign="top">
834 <td valign="top">difference</td>
835 <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>
836 </tr>
837
838 <tr valign="top">
839 <td valign="top">exclusion</td>
840 <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>
841 </tr>
842
843 <tr valign="top">
844 <td valign="top">xor</td>
845 <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>
846 </tr>
847
848 <tr valign="top">
849 <td valign="top">copy-*</td>
850 <td valign="top">Copy the specificed channel in the source image to the
851 same channel in the destination image. If the channel specified in
852 the source image does not exist, (which can only happen for methods,
853 '<kbd>copy-opacity</kbd>' or '<kbd>copy-black</kbd>') then it is
854 assumed that the source image is a special grayscale channel image
855 of the values to be copied. </td>
856 </tr>
857
858 <tr valign="top">
859 <td valign="top">change-mask</td>
860 <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>
861 </tr>
862 </tbody>
863</table>
864
865</dd>
866
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]867 <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]868
869 <dd></dd>
870
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]871 <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]872
873 <dd></dd>
874
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]875 <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]876
877 <dd></dd>
878
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]879 <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]880
881 <dd></dd>
882
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]883 <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]884
885<dd>Choose from these methods:
886
887<pre class="text">
888 point
889 replace
890 floodfill
891 filltoborder
892 reset
893</pre>
894
895</dd>
896
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]897 <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]898
899 <dd></dd>
900
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]901 <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]902
903<dd>Use percent (e.g. 50%).</dd>
904
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]905 <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]906
907 <dd></dd>
908
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]909 <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]910
911 <dd></dd>
912
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]913 <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]914
915 <dd></dd>
916
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]917 <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]918
919 <dd></dd>
920
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]921 <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]922
923 <dd></dd>
924
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]925 <dt class="doc"><a id="pop-defs" id="pop-defs"></a>pop defs</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]926
927 <dd></dd>
928
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]929 <dt class="doc"><a id="pop-gradient" id="pop-gradient"></a>pop gradient</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]930
931 <dd></dd>
932
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]933 <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]934
935 <dd></dd>
936
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]937 <dt class="doc"><a id="pop-pattern" id="pop-pattern"></a>pop pattern</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]938
939 <dd></dd>
940
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]941 <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]942
943 <dd></dd>
944
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]945 <dt class="doc"><a id="push-defs" id="push-defs"></a>push defs</dt>
cristy3ed852e2009-09-05 21:47:34 +0000[diff] [blame]946
947 <dd></dd>
948
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]949 <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]950
951 <dd></dd>
952
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]953 <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]954
955 <dd></dd>
956
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]957 <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]958
959 <dd></dd>
960
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]961 <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]962
963 <dd></dd>
964
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]965 <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]966
967 <dd></dd>
968
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]969 <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]970
971 <dd></dd>
972
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]973 <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]974
975 <dd></dd>
976
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]977 <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]978
979 <dd></dd>
980
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]981 <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]982
983 <dd></dd>
984
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]985 <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]986
987 <dd></dd>
988
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]989 <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]990
991 <dd></dd>
992
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]993 <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]994
995 <dd></dd>
996
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]997 <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]998
999 <dd></dd>
1000
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1001 <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]1002
1003 <dd></dd>
1004
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1005 <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]1006
1007 <dd></dd>
1008
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1009 <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]1010
1011
1012 <dd>Choose from these cap types:
1013
1014<pre class="text">
1015 butt
1016 round
1017 square
1018</pre>
1019
1020 </dd>
1021
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1022 <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]1023
1024 <dd>Choose from these join types:
1025
1026<pre class="text">
1027 bevel
1028 miter
1029 round
1030</pre>
1031
1032 </dd>
1033
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1034 <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]1035
1036 <dd></dd>
1037
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1038 <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]1039
1040 <dd>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).
1041 </dd>
1042
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1043 <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]1044
1045 <dd></dd>
1046
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1047 <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]1048
1049 <dd></dd>
1050
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1051 <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]1052
1053 <dd></dd>
1054
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1055 <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]1056
1057 <dd></dd>
1058
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1059 <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]1060
1061 <dd></dd>
1062
cristydcca3fa2010-12-29 21:50:07 +0000[diff] [blame]1063 <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]1064
1065 <dd></dd>
1066
1067</dl>
1068
1069</div>
1070
1071
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1072
1073</div>
1074
1075<div id="linkbar">
cristyce69bb02010-07-27 19:49:46 +0000[diff] [blame]1076 <span id="linkbar-west">&nbsp;</span>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1077 <span id="linkbar-center">
1078 <a href="http://www.imagemagick.org/discourse-server/">Discourse Server</a> &bull;
cristya8902942010-07-30 00:49:52 +0000[diff] [blame]1079 <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1080 </span>
1081 <span id="linkbar-east">&nbsp;</span>
1082 </div>
1083 <div class="footer">
cristy7e41fe82010-12-04 23:12:08 +0000[diff] [blame]1084 <span id="footer-west">&copy; 1999-2011 ImageMagick Studio LLC</span>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1085 <span id="footer-east"> <a href="http://www.imagemagick.org/script/contact.php">Contact the Wizards</a></span>
1086 </div>
1087 <div style="clear: both; margin: 0; width: 100%; "></div>
cristya8902942010-07-30 00:49:52 +0000[diff] [blame]1088 <script type="text/javascript">
1089 var _gaq = _gaq || [];
1090 _gaq.push(['_setAccount', 'UA-17690367-1']);
1091 _gaq.push(['_trackPageview']);
1092
1093 (function() {
1094 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
1095 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
1096 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
1097 })();
1098 </script>
cristy3eaa0ef2010-03-06 20:35:26 +0000[diff] [blame]1099</body>
1100</html>