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