magick-vector-graphics.html 31.3 KB
Newer Older
Cristy's avatar
Cristy committed
1 2 3 4




cristy's avatar
cristy committed
5
<!DOCTYPE html>
cristy's avatar
cristy committed
6
<html lang="en">
cristy's avatar
cristy committed
7
<head>
Cristy's avatar
Cristy committed
8
  <meta charset="utf-8"  />
Cristy's avatar
Cristy committed
9
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no"  />
Cristy's avatar
Cristy committed
10
  <title>Magick Vector Graphics @ ImageMagick</title>
Cristy's avatar
Cristy committed
11
  <meta name="application-name" content="ImageMagick" />
Cristy's avatar
Cristy committed
12
  <meta name="description" content="Use ImageMagick® to create, edit, compose, or convert bitmap images. You can resize your image, crop it, change its shades and colors, add captions, among other operations." />
Cristy's avatar
Cristy committed
13
  <meta name="application-url" content="https://imagemagick.org" />
Cristy's avatar
Cristy committed
14 15 16 17 18 19 20 21
  <meta name="generator" content="PHP" />
  <meta name="keywords" content="magick, vector, graphics, ImageMagick, PerlMagick, image processing, image, photo, software, Magick++, OpenMP, convert" />
  <meta name="rating" content="GENERAL" />
  <meta name="robots" content="INDEX, FOLLOW" />
  <meta name="generator" content="ImageMagick Studio LLC" />
  <meta name="author" content="ImageMagick Studio LLC" />
  <meta name="revisit-after" content="2 DAYS" />
  <meta name="resource-type" content="document" />
Cristy's avatar
Cristy committed
22
  <meta name="copyright" content="Copyright (c) 1999-2019 ImageMagick Studio LLC" />
Cristy's avatar
Cristy committed
23 24 25 26 27 28 29
  <meta name="distribution" content="Global" />
  <meta name="magick-serial" content="P131-S030410-R485315270133-P82224-A6668-G1245-1" />
  <meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4" />
  <link href="../www/magick-vector-graphics.html" rel="canonical" />
  <link href="../images/wand.png" rel="icon" />
  <link href="../images/wand.ico" rel="shortcut icon" />
  <link href="assets/magick.css" rel="stylesheet" />
cristy's avatar
cristy committed
30
</head>
cristy's avatar
cristy committed
31
<body>
Cristy's avatar
Cristy committed
32
  <header>
Cristy's avatar
Cristy committed
33
  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
Cristy's avatar
Cristy committed
34
    <a class="navbar-brand" href="../index.html"><img class="d-block" id="icon" alt="ImageMagick" width="32" height="32" src="../images/wand.ico"/></a>
Cristy's avatar
Cristy committed
35
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsMagick" aria-controls="navbarsMagick" aria-expanded="false" aria-label="Toggle navigation">
Cristy's avatar
Cristy committed
36
      <span class="navbar-toggler-icon"></span>
Cristy's avatar
Cristy committed
37 38
    </button>

Cristy's avatar
Cristy committed
39
    <div class="navbar-collapse collapse" id="navbarsMagick" style="">
Cristy's avatar
Cristy committed
40 41 42 43 44
    <ul class="navbar-nav mr-auto">
      <li class="nav-item ">
        <a class="nav-link" href="../index.html">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item ">
Cristy's avatar
Cristy committed
45
        <a class="nav-link" href="download.html">Download</a>
Cristy's avatar
Cristy committed
46 47
      </li>
      <li class="nav-item ">
Cristy's avatar
Cristy committed
48
        <a class="nav-link" href="command-line-tools.html">Tools</a>
Cristy's avatar
Cristy committed
49 50
      </li>
      <li class="nav-item ">
Cristy's avatar
Cristy committed
51
        <a class="nav-link" href="command-line-processing.html">Command-line</a>
Cristy's avatar
Cristy committed
52 53
      </li>
      <li class="nav-item ">
Cristy's avatar
Cristy committed
54
        <a class="nav-link" href="resources.html">Resources</a>
Cristy's avatar
Cristy committed
55 56
      </li>
      <li class="nav-item ">
Cristy's avatar
Cristy committed
57
        <a class="nav-link" href="develop.html">Develop</a>
Cristy's avatar
Cristy committed
58 59
      </li>
      <li class="nav-item">
Cristy's avatar
Cristy committed
60
        <a class="nav-link" target="_blank" href="https://imagemagick.org/discourse-server/">Community</a>
Cristy's avatar
Cristy committed
61 62
      </li>
    </ul>
Cristy's avatar
Cristy committed
63
    <form class="form-inline my-2 my-lg-0" action="https://imagemagick.org/script/search.php">
Cristy's avatar
Cristy committed
64
      <input class="form-control mr-sm-2" type="text" name="q" placeholder="Search" aria-label="Search">
Cristy's avatar
Cristy committed
65
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit" name="sa">Search</button>
Cristy's avatar
Cristy committed
66 67 68
    </form>
    </div>
  </nav>
Cristy's avatar
Cristy committed
69
  <div class="container">
Cristy's avatar
Cristy committed
70
   <script async="async" src="http://localhost/pagead/js/adsbygoogle.js"></script>    <ins class="adsbygoogle"
Cristy's avatar
Cristy committed
71 72 73 74 75 76 77
         style="display:block"
         data-ad-client="ca-pub-3129977114552745"
         data-ad-slot="6345125851"
         data-ad-format="auto"></ins>
    <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
Cristy's avatar
Cristy committed
78

Cristy's avatar
Cristy committed
79
  </div>
Cristy's avatar
Cristy committed
80
  </header>
Cristy's avatar
Cristy committed
81
  <main class="container">
Cristy's avatar
Cristy committed
82
    <div class="magick-template">
cristy's avatar
cristy committed
83
<div class="magick-header">
Cristy's avatar
Cristy committed
84
<p class="text-center"><a href="../www/magick-vector-graphics.html#overview">MVG Overview</a><a href="../www/magick-vector-graphics.html#primitives">Drawing Primitives</a></p>
cristy's avatar
cristy committed
85 86

<p class="lead magick-description">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
Cristy's avatar
Cristy committed
87
command 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>
cristy's avatar
cristy committed
88

Cristy's avatar
Cristy committed
89
<pre class="highlight"><code>convert -size 100x60 canvas:skyblue -fill white -stroke black \
Cristy's avatar
Cristy committed
90 91
  -draw "path 'M 30,40  A 30,20  20  0,0 70,20 A 30,20  20  1,0 30,40 Z '" \
  arc.png
Cristy's avatar
Cristy committed
92
</code></pre>
cristy's avatar
cristy committed
93

cristy's avatar
cristy committed
94 95
<p>and here is the result:</p>

cristy's avatar
cristy committed
96
<ul>
Cristy's avatar
Cristy committed
97
  <a href="../images/arc.png"><img src="../images/arc.png" width="100" height="60" alt="arc" /></a>
cristy's avatar
cristy committed
98
</ul>
cristy's avatar
cristy committed
99

Cristy's avatar
Cristy committed
100
<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="https://imagemagick.org/source/piechart.mvg">piechart.mvg</a>:</p>
cristy's avatar
cristy committed
101

Cristy's avatar
Cristy committed
102
<pre class="pre-scrollable"><code>push graphic-context
cristy's avatar
cristy committed
103 104
  viewbox 0 0 624 369
  affine 0.283636 0 0 0.283846 -0 -0
cristy's avatar
cristy committed
105 106
  push graphic-context
    push graphic-context
cristy's avatar
cristy committed
107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248
      fill 'darkslateblue'
      stroke 'blue'
      stroke-width 1
      rectangle 1,1 2199,1299
    pop graphic-context
    push graphic-context
      font-size 40
      fill 'white'
      stroke-width 1
      text 600,1100 'Average: 20.0'
    pop graphic-context
    push graphic-context
      fill 'red'
      stroke 'black'
      stroke-width 5
      path 'M700.0,600.0 L340.0,600.0 A360.0,360.0 0 0,1 408.1452123287954,389.2376150414973 z'
    pop graphic-context
    push graphic-context
      font-size 40
      fill 'white'
      stroke-width 1
      text 1400,140 'MagickWand for PHP'
    pop graphic-context
    push graphic-context
      font-size 30
      fill 'white'
      stroke-width 1
      text 1800,140 '(10.0%)'
    pop graphic-context
    push graphic-context
      fill 'red'
      stroke 'black'
      stroke-width 4
      rectangle 1330,100 1370,140
    pop graphic-context
    push graphic-context
      fill 'yellow'
      stroke 'black'
      stroke-width 5
      path 'M700.0,600.0 L408.1452123287954,389.2376150414973 A360.0,360.0 0 0,1 976.5894480359858,369.56936567559273 z'
    pop graphic-context
    push graphic-context
      font-size 40
      fill 'white'
      stroke-width 1
      text 1400,220 'MagickCore'
    pop graphic-context
    push graphic-context
      font-size 30
      fill 'white'
      stroke-width 1
      text 1800,220 '(29.0%)'
    pop graphic-context
    push graphic-context
      fill 'yellow'
      stroke 'black'
      stroke-width 4
      rectangle 1330,180 1370,220
    pop graphic-context
    push graphic-context
      fill 'fuchsia'
      stroke 'black'
      stroke-width 5
      path 'M700.0,600.0 L976.5894480359858,369.56936567559273 A360.0,360.0 0 0,1 964.2680466142854,844.4634932636567 z'
    pop graphic-context
    push graphic-context
      font-size 40
      fill 'white'
      stroke-width 1
      text 1400,300 'MagickWand'
    pop graphic-context
    push graphic-context
      font-size 30
      fill 'white'
      stroke-width 1
      text 1800,300 '(22.9%)'
    pop graphic-context
    push graphic-context
      fill 'fuchsia'
      stroke 'black'
      stroke-width 4
      rectangle 1330,260 1370,300
    pop graphic-context
    push graphic-context
      fill 'blue'
      stroke 'black'
      stroke-width 5
      path 'M700.0,600.0 L964.2680466142854,844.4634932636567 A360.0,360.0 0 0,1 757.853099990584,955.3210081341651 z'
    pop graphic-context
    push graphic-context
      font-size 40
      fill 'white'
      stroke-width 1
      text 1400,380 'JMagick'
    pop graphic-context
    push graphic-context
      font-size 30
      fill 'white'
      stroke-width 1
      text 1800,380 '(10.6%)'
    pop graphic-context
    push graphic-context
      fill 'blue'
      stroke 'black'
      stroke-width 4
      rectangle 1330,340 1370,380
    pop graphic-context
    push graphic-context
      fill 'lime'
      stroke 'black'
      stroke-width 5
      path 'M700.0,600.0 L757.853099990584,955.3210081341651 A360.0,360.0 0 0,1 340.0,600.0 z'
    pop graphic-context
    push graphic-context
      font-size 40
      fill 'white'
      stroke-width 1
      text 1400,460 'Magick++'
    pop graphic-context
    push graphic-context
      font-size 30
      fill 'white'
      stroke-width 1
      text 1800,460 '(27.5%)'
    pop graphic-context
    push graphic-context
      fill 'lime'
      stroke 'black'
      stroke-width 4
      rectangle 1330,420 1370,460
    pop graphic-context
    push graphic-context
      font-size 100
      fill 'white'
      stroke-width 1
      text 100,150 'ImageMagick'
    pop graphic-context
    push graphic-context
      fill 'none'
      stroke 'black'
      stroke-width 5
      circle 700,600 700,960
cristy's avatar
cristy committed
249 250
    pop graphic-context
  pop graphic-context
cristy's avatar
cristy committed
251
pop graphic-context
Cristy's avatar
Cristy committed
252
</code></pre>
cristy's avatar
cristy committed
253 254 255

<p>to render a pie chart with this command:</p>

Cristy's avatar
Cristy committed
256
<pre class="highlight"><code>convert mvg:piechart.mvg piechart.png
Cristy's avatar
Cristy committed
257
</code></pre>
cristy's avatar
cristy committed
258

cristy's avatar
cristy committed
259 260
<p>which produces this rendering:</p>

cristy's avatar
cristy committed
261
<ul>
Cristy's avatar
Cristy committed
262
  <a href="../images/piechart.png"><img src="../images/piechart.png" width="624" height="369" alt="piechart" /></a>
cristy's avatar
cristy committed
263
</ul>
cristy's avatar
cristy committed
264

Cristy's avatar
Cristy committed
265
<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="https://imagemagick.org/source/piechart.svg">piechart.svg</a> with this command:</p>
cristy's avatar
cristy committed
266

Cristy's avatar
Cristy committed
267
<pre class="highlight"><code>convert mvg:piechart.svg piechart.jpg
Cristy's avatar
Cristy committed
268
</code></pre>
cristy's avatar
cristy committed
269

cristy's avatar
cristy committed
270 271 272

<p>to produce the same pie chart we created with the MVG language.</p>

Cristy's avatar
Cristy committed
273
<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>
cristy's avatar
cristy committed
274

Cristy's avatar
Cristy committed
275
<pre class="pre-scrollable"><code>(void) PushDrawingWand(draw_wand);
cristy's avatar
cristy committed
276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299
{
  const PointInfo points[6] =
  {
    { 180,504 },
    { 282.7,578.6 },
    { 243.5,699.4 },
    { 116.5,699.4 },
    { 77.26,578.6 },
    { 180,504 }
  };

  DrawSetStrokeAntialias(draw_wand,True);
  DrawSetStrokeWidth(draw_wand,9);
  DrawSetStrokeLineCap(draw_wand,RoundCap);
  DrawSetStrokeLineJoin(draw_wand,RoundJoin);
  (void) DrawSetStrokeDashArray(draw_wand,0,(const double *)NULL);
  (void) PixelSetColor(color,"#4000c2");
  DrawSetStrokeColor(draw_wand,color);
  DrawSetFillRule(draw_wand,EvenOddRule);
  (void) PixelSetColor(color,"#800000");
  DrawSetFillColor(draw_wand,color);
  DrawPolygon(draw_wand,6,points);
}
(void) PopDrawingWand(draw_wand);
Cristy's avatar
Cristy committed
300
</code></pre>
cristy's avatar
cristy committed
301

Cristy's avatar
Cristy committed
302
<h2><a class="anchor" id="overview"></a>MVG Overview</h2>
cristy's avatar
cristy committed
303

Cristy's avatar
Cristy committed
304
<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 newline 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>
cristy's avatar
cristy committed
305 306 307

<p>Metafile wrapper syntax (to support stand-alone MVG files):</p>

Cristy's avatar
Cristy committed
308
<pre class="highlight"><code>push graphic-context
cristy's avatar
cristy committed
309 310 311
  viewbox 0 0 width height
  [ any other MVG commands ]
pop graphic-context
Cristy's avatar
Cristy committed
312
</code></pre>
cristy's avatar
cristy committed
313 314 315

<p>Pattern syntax (saving and restoring context):</p>

Cristy's avatar
Cristy committed
316
<pre class="highlight"><code>push pattern id x,y width,height
cristy's avatar
cristy committed
317 318 319 320
 push graphic-context
  [ drawing commands ]
 pop graphic-context
pop pattern
Cristy's avatar
Cristy committed
321
</code></pre>
cristy's avatar
cristy committed
322 323 324

<p>an example is (%s is a identifier string):</p>

Cristy's avatar
Cristy committed
325
<pre class="highlight"><code>push defs
cristy's avatar
cristy committed
326 327 328 329 330 331 332 333 334 335 336
 push pattern %s 10,10 20,20
  push graphic-context
   fill red
   rectangle 5,5 15,15
  pop graphic-context
  push graphic-context
   fill green
   rectangle 10,10 20,20
  pop graphic-context
 pop pattern
pop defs
Cristy's avatar
Cristy committed
337
</code></pre>
cristy's avatar
cristy committed
338 339 340

<p>For image tiling use:</p>

Cristy's avatar
Cristy committed
341
<pre class="highlight"><code>push pattern id x,y width,height
cristy's avatar
cristy committed
342 343
 image Copy ...
pop pattern
Cristy's avatar
Cristy committed
344
</code></pre>
cristy's avatar
cristy committed
345 346 347

<p>Note you can use the pattern for either the fill or stroke like:</p>

Cristy's avatar
Cristy committed
348
<pre class="highlight"><code>stroke url(#%s)
Cristy's avatar
Cristy committed
349
</code></pre>
cristy's avatar
cristy committed
350 351 352

<p>or</p>

Cristy's avatar
Cristy committed
353
<pre class="highlight"><code>fill url(#%s)
Cristy's avatar
Cristy committed
354
</code></pre>
cristy's avatar
cristy committed
355 356 357

<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>

Cristy's avatar
Cristy committed
358
<pre class="highlight"><code>push defs
Cristy's avatar
Cristy committed
359
 push clip-path "myClipPath"
cristy's avatar
cristy committed
360 361 362 363 364
  push graphic-context
   rectangle 10,10 20,20
  pop graphic-context
 pop clip-path
pop defs
Cristy's avatar
Cristy committed
365
clip-path url(#myClipPath)
Cristy's avatar
Cristy committed
366
</code></pre>
cristy's avatar
cristy committed
367

Cristy's avatar
Cristy committed
368
<h2><a class="anchor" id="primitives"></a>Drawing Primitives</h2>
cristy's avatar
cristy committed
369 370 371

<p>Here is a complete description of the MVG drawing primitives:</p>

cristy's avatar
cristy committed
372
<div class="table-responsive">
Cristy's avatar
Cristy committed
373
<table class="table table-sm table-striped">
cristy's avatar
cristy committed
374 375 376 377 378
  <tr>
    <th>Primitive</th>
    <th>Description</th>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
379
    <td><a class="anchor" id="affine"></a>affine <var>s<sub>x</sub></var>,<var>r<sub>x</sub></var>,<var>r<sub>y</sub></var>,<var>s<sub>y</sub></var>,<var>t<sub>x</sub></var>,<var>t<sub>y</sub></var></td>
cristy's avatar
cristy committed
380 381 382
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
383
    <td><a class="anchor" id="arc"></a>arc <var>x<sub>0</sub></var>,<var>y<sub>0</sub></var>   <var>x<sub>1</sub></var>,<var>y<sub>1</sub></var>   <var>a<sub>0</sub></var>,<var>a<sub>1</sub></var></td>
cristy's avatar
cristy committed
384 385 386
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
387
    <td><a class="anchor" id="bezier"></a>bezier <var>x<sub>0</sub></var>,<var>y<sub>0</sub></var> ... <var>x<sub>n</sub></var>,<var>y<sub>n</sub></var></td>
cristy's avatar
cristy committed
388 389 390
    <td><code>Bezier</code> (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 draw complex curves, it is highly recommended either to use the <code>Path</code> primitive or to draw multiple four-point bezier segments with the start and end knots of each successive segment repeated. </td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
391
    <td><a class="anchor" id="border-color"></a>border-color <var>color</var></td>
cristy's avatar
cristy committed
392 393 394
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
395
    <td><a class="anchor" id="circle"></a>circle <var>origin<sub>x</sub></var>,<var>origin<sub>y</sub></var>   <var>perimeter<sub>x</sub></var>,<var>perimeter<sub>y</sub></var></td>
cristy's avatar
cristy committed
396 397 398
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
399
    <td><a class="anchor" id="clip-path"></a>clip-path url(<var>name</var>)</td>
cristy's avatar
cristy committed
400 401 402
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
403
    <td><a class="anchor" id="clip-rule"></a>clip-rule <var>rule</var></td>
cristy's avatar
cristy committed
404
    <td>Choose from these rule types:
Cristy's avatar
Cristy committed
405
<pre class="highlight"><code>evenodd
Cristy's avatar
Cristy committed
406
nonzero</code></pre></td>
cristy's avatar
cristy committed
407 408
  </tr>
  <tr>
Cristy's avatar
Cristy committed
409
    <td><a class="anchor" id="clip-units"></a>clip-units <var>units</var></td>
cristy's avatar
cristy committed
410
    <td>Choose from these unit types:
Cristy's avatar
Cristy committed
411
<pre class="highlight"><code>userSpace
cristy's avatar
cristy committed
412
userSpaceOnUse
Cristy's avatar
Cristy committed
413
objectBoundingBox</code></pre></td>
cristy's avatar
cristy committed
414 415
  </tr>
  <tr>
Cristy's avatar
Cristy committed
416
    <td><a class="anchor" id="color"></a>color <var>x</var>,<var>y</var> <var>method</var></td>
cristy's avatar
cristy committed
417
    <td>Choose from these method types:
Cristy's avatar
Cristy committed
418
<pre class="highlight"><code>point
cristy's avatar
cristy committed
419 420 421
replace
floodfill
filltoborder
Cristy's avatar
Cristy committed
422
reset</code></pre></td>
cristy's avatar
cristy committed
423
  </tr>
Cristy's avatar
Cristy committed
424 425 426 427
  <tr>
    <td><a class="anchor" id="compliance"></a>compliance <var>type</var></td>
    <td>Choose from these compliance types: MVG or SVG</td>
  </tr>
cristy's avatar
cristy committed
428
  <tr>
Cristy's avatar
Cristy committed
429
    <td><a class="anchor" id="decorate"></a>decorate <var>type</var></td>
cristy's avatar
cristy committed
430
    <td>Choose from these types of decorations:
Cristy's avatar
Cristy committed
431
<pre class="highlight"><code>none
cristy's avatar
cristy committed
432 433
line-through
overline
Cristy's avatar
Cristy committed
434
underline</code></pre></td>
cristy's avatar
cristy committed
435 436
  </tr>
  <tr>
Cristy's avatar
Cristy committed
437
    <td><a class="anchor" id="ellipse"></a>ellipse <var>center<sub>x</sub></var>,<var>center<sub>y</sub></var>   <var>radius<sub>x</sub></var>,<var>radius<sub>y</sub></var>   <var>arc<sub>start</sub></var>,<var>arc<sub>stop</sub></var></td>
438 439 440
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
441
    <td><a class="anchor" id="fill"></a>fill <var>color</var></td>
Cristy's avatar
Cristy committed
442
    <td>Choose from any of these <a href="../www/color.html">colors</a>.</td>
cristy's avatar
cristy committed
443 444
  </tr>
  <tr>
Cristy's avatar
Cristy committed
445
    <td><a class="anchor" id="fill-opacity"></a>fill-opacity <var>opacity</var></td>
446
    <td>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).</td>
cristy's avatar
cristy committed
447 448
  </tr>
  <tr>
Cristy's avatar
Cristy committed
449
    <td><a class="anchor" id="fill-rule"></a>fill-rule <var>rule</var></td>
cristy's avatar
cristy committed
450
    <td>Choose from these rule types:
Cristy's avatar
Cristy committed
451
<pre class="highlight"><code>evenodd
Cristy's avatar
Cristy committed
452
nonzero</code></pre></td>
cristy's avatar
cristy committed
453 454
  </tr>
  <tr>
Cristy's avatar
Cristy committed
455
    <td><a class="anchor" id="font"></a>font <var>name</var></td>
cristy's avatar
cristy committed
456 457 458
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
459
    <td><a class="anchor" id="font-family"></a>font-family <var>family</var></td>
cristy's avatar
cristy committed
460 461 462
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
463
    <td><a class="anchor" id="font-size"></a>font-size <var>point-size</var></td>
cristy's avatar
cristy committed
464 465 466
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
467
    <td><a class="anchor" id="font-stretch"></a>font-stretch <var>type</var></td>
cristy's avatar
cristy committed
468
    <td>Choose from these stretch types:
Cristy's avatar
Cristy committed
469
<pre class="highlight"><code>all
cristy's avatar
cristy committed
470 471 472 473 474 475 476 477
normal
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
Cristy's avatar
Cristy committed
478
ultra-expanded</code></pre></td>
cristy's avatar
cristy committed
479 480
  </tr>
  <tr>
Cristy's avatar
Cristy committed
481
    <td><a class="anchor" id="font-style"></a>font-style <var>style</var></td>
cristy's avatar
cristy committed
482
    <td>Choose from these styles:
Cristy's avatar
Cristy committed
483
<pre class="highlight"><code>all
cristy's avatar
cristy committed
484 485
normal
italic
Cristy's avatar
Cristy committed
486
oblique</code></pre></td>
cristy's avatar
cristy committed
487 488
  </tr>
  <tr>
Cristy's avatar
Cristy committed
489
    <td><a class="anchor" id="font-weight"></a>font-weight <var>weight</var></td>
cristy's avatar
cristy committed
490
    <td>Choose from these weights:
Cristy's avatar
Cristy committed
491
<pre class="highlight"><code>all
cristy's avatar
cristy committed
492 493 494 495 496 497 498 499 500 501
normal
bold
100
200
300
400
500
600
700
800
Cristy's avatar
Cristy committed
502
900</code></pre></td>
cristy's avatar
cristy committed
503 504
  </tr>
  <tr>
Cristy's avatar
Cristy committed
505
    <td><a class="anchor" id="gradient-units"></a>gradient-units <var>units</var></td>
cristy's avatar
cristy committed
506
    <td>Choose from these units:
Cristy's avatar
Cristy committed
507
<pre class="highlight"><code>userSpace
cristy's avatar
cristy committed
508
userSpaceOnUse
Cristy's avatar
Cristy committed
509
objectBoundingBox</code></pre></td>
cristy's avatar
cristy committed
510 511
  </tr>
  <tr>
Cristy's avatar
Cristy committed
512
    <td><a class="anchor" id="gravity"></a>gravity <var>type</var></td>
cristy's avatar
cristy committed
513
    <td>Choose from these gravity types:
Cristy's avatar
Cristy committed
514
<pre class="highlight"><code>NorthWest
cristy's avatar
cristy committed
515 516 517 518 519 520 521
North
NorthEast
West
Center
East
SouthWest
South
Cristy's avatar
Cristy committed
522
SouthEast</code></pre></td>
cristy's avatar
cristy committed
523 524
  </tr>
  <tr>
Cristy's avatar
Cristy committed
525
    <td><a class="anchor" id="compose"></a>image <var>compose x,y width,height 'filename'</var></td>
cristy's avatar
cristy committed
526 527
    <td>Choose from these compose operations:
    <table id="table" cellpadding="2" cellspacing="0" style="width: 93%">
cristy's avatar
cristy committed
528
  <tbody>
cristy's avatar
cristy committed
529
  <tr>
cristy's avatar
cristy committed
530 531 532 533
    <th align="left" style="width: 8%">Method</th>
    <th align="left">Description</th>
  </tr>

cristy's avatar
cristy committed
534 535 536
  <tr>
    <td>clear</td>
    <td>Both the color and the alpha of the destination are cleared. Neither the source nor the destination are used as input.</td>
cristy's avatar
cristy committed
537 538
  </tr>

cristy's avatar
cristy committed
539 540 541
  <tr>
    <td>src</td>
    <td>The source is copied to the destination. The destination is not used as input.</td>
cristy's avatar
cristy committed
542 543
  </tr>

cristy's avatar
cristy committed
544 545 546
  <tr>
    <td>dst</td>
    <td>The destination is left untouched.</td>
cristy's avatar
cristy committed
547 548
  </tr>

cristy's avatar
cristy committed
549 550 551
  <tr>
    <td><b>src-over</b></td>
    <td>The source is composited over the destination.</td>
cristy's avatar
cristy committed
552 553
  </tr>

cristy's avatar
cristy committed
554 555 556
  <tr>
    <td>dst-over</td>
    <td>The destination is composited over the source and the result replaces the destination.</td>
cristy's avatar
cristy committed
557 558
  </tr>

cristy's avatar
cristy committed
559 560 561
  <tr>
    <td>src-in</td>
    <td>The part of the source lying inside of the destination replaces the destination.</td>
cristy's avatar
cristy committed
562 563
  </tr>

cristy's avatar
cristy committed
564 565 566
  <tr>
    <td>dst-in</td>
    <td>The part of the destination lying inside of the source replaces the destination.</td>
cristy's avatar
cristy committed
567 568
  </tr>

cristy's avatar
cristy committed
569 570 571
  <tr>
    <td>src-out</td>
    <td>The part of the source lying outside of the destination replaces the destination.</td>
cristy's avatar
cristy committed
572 573
  </tr>

cristy's avatar
cristy committed
574 575 576
  <tr>
    <td>dst-out</td>
    <td>The part of the destination lying outside of the source         replaces the destination.</td>
cristy's avatar
cristy committed
577 578
  </tr>

cristy's avatar
cristy committed
579 580 581
  <tr>
    <td>src-atop</td>
    <td>The part of the source lying inside of the destination is  composited onto the destination.</td>
cristy's avatar
cristy committed
582 583
  </tr>

cristy's avatar
cristy committed
584 585 586
  <tr>
    <td>dst-atop</td>
    <td>The part of the destination lying inside of the source is composited over the source and replaces the destination.</td>
cristy's avatar
cristy committed
587 588
  </tr>

cristy's avatar
cristy committed
589 590 591
  <tr>
    <td>multiply</td>
    <td>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>
cristy's avatar
cristy committed
592 593
  </tr>

cristy's avatar
cristy committed
594 595 596
  <tr>
    <td>screen</td>
    <td>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>
cristy's avatar
cristy committed
597 598
  </tr>

cristy's avatar
cristy committed
599 600 601
  <tr>
    <td>overlay</td>
    <td>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>
cristy's avatar
cristy committed
602 603
  </tr>

cristy's avatar
cristy committed
604 605 606
  <tr>
    <td>darken</td>
    <td>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>
cristy's avatar
cristy committed
607 608
  </tr>

cristy's avatar
cristy committed
609 610 611
  <tr>
    <td>lighten</td>
    <td>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>
cristy's avatar
cristy committed
612 613
  </tr>

cristy's avatar
cristy committed
614 615 616
  <tr>
    <td>linear-light</td>
    <td>Increase contrast slightly with an impact on the foreground's tonal values.</td>
cristy's avatar
cristy committed
617 618
  </tr>

cristy's avatar
cristy committed
619 620 621
  <tr>
    <td>color-dodge</td>
    <td>Brightens the destination color to reflect the source color. Painting with black produces no change.</td>
cristy's avatar
cristy committed
622 623
  </tr>

cristy's avatar
cristy committed
624 625 626
  <tr>
    <td>color-burn</td>
    <td>Darkens the destination color to reflect the source color.  Painting with white produces no change.</td>
cristy's avatar
cristy committed
627 628
  </tr>

cristy's avatar
cristy committed
629 630 631
  <tr>
    <td>hard-light</td>
    <td>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>
cristy's avatar
cristy committed
632 633
  </tr>

cristy's avatar
cristy committed
634 635 636
  <tr>
    <td>soft-light</td>
    <td>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>
cristy's avatar
cristy committed
637 638
  </tr>

cristy's avatar
cristy committed
639 640 641
  <tr>
    <td>plus</td>
    <td>The source is added to the destination and replaces the destination. This operator is useful for animating a dissolve between two images.</td>
cristy's avatar
cristy committed
642 643
  </tr>

cristy's avatar
cristy committed
644 645 646
  <tr>
    <td>add</td>
    <td>As per 'plus' but transparency data is treated as matte
cristy's avatar
cristy committed
647 648 649 650
        values. As such any transparent areas in either image remain
        transparent. </td>
  </tr>

cristy's avatar
cristy committed
651 652 653
  <tr>
    <td>minus</td>
    <td>Subtract the colors in the source image from the
cristy's avatar
cristy committed
654 655 656 657
        destination image. When transparency is involved, Opaque areas will be
        subtracted from any destination opaque areas. </td>
  </tr>

cristy's avatar
cristy committed
658 659 660
  <tr>
    <td>subtract</td>
    <td>Subtract the colors in the source image from the
cristy's avatar
cristy committed
661 662 663 664 665
        destination image. When transparency is involved transparent areas are
        subtracted, so only the opaque areas in the source remain opaque in
        the destination image. </td>
  </tr>

cristy's avatar
cristy committed
666 667 668
  <tr>
    <td>difference</td>
    <td>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>
cristy's avatar
cristy committed
669 670
  </tr>

cristy's avatar
cristy committed
671 672 673
  <tr>
    <td>exclusion</td>
    <td>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>
cristy's avatar
cristy committed
674 675
  </tr>

cristy's avatar
cristy committed
676 677 678
  <tr>
    <td>xor</td>
    <td>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>
cristy's avatar
cristy committed
679 680
  </tr>

cristy's avatar
cristy committed
681 682
  <tr>
    <td>copy-*</td>
Cristy's avatar
Cristy committed
683
    <td>Copy the specified channel in the source image to the
cristy's avatar
cristy committed
684 685
        same channel in the destination image.  If the channel specified in
        the source image does not exist, (which can only happen for methods,
cristy's avatar
cristy committed
686
        '<code>copy-opacity</code>' or '<code>copy-black</code>') then it is
cristy's avatar
cristy committed
687 688 689 690
        assumed that the source image is a special grayscale channel image
        of the values to be copied. </td>
    </tr>

cristy's avatar
cristy committed
691 692
  <tr>
    <td>change-mask</td>
Cristy's avatar
Cristy committed
693
    <td>Replace any destination pixel that is the similar to the source images pixel (as defined by the current <a href="../www/magick-vector-graphics.html#fuzz">-fuzz</a> factor), with transparency. </td>
cristy's avatar
cristy committed
694 695
  </tr>
  </tbody>
cristy's avatar
cristy committed
696 697 698
</table></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
699
    <td><a class="anchor" id="interline-spacing"></a>interline-spacing <var>pixels</var></td>
cristy's avatar
cristy committed
700 701 702
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
703
    <td><a class="anchor" id="interword-spacing"></a>interword-spacing <var>pixels</var></td>
cristy's avatar
cristy committed
704 705 706
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
707
    <td><a class="anchor" id="kerning"></a>kerning <var>pixels</var></td>
cristy's avatar
cristy committed
708 709 710
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
711
    <td><a class="anchor" id="line"></a>line <var>x,y x<sub>1</sub>,y<sub>1</sub></var></td>
cristy's avatar
cristy committed
712 713 714
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
715
    <td><a class="anchor" id="matte"></a>matte <var>x,y method</var></td>
cristy's avatar
cristy committed
716
    <td>Choose from these methods:
Cristy's avatar
Cristy committed
717
<pre class="highlight"><code>point
cristy's avatar
cristy committed
718 719 720
replace
floodfill
filltoborder
Cristy's avatar
Cristy committed
721
reset</code></pre></td>
cristy's avatar
cristy committed
722 723
  </tr>
  <tr>
Cristy's avatar
Cristy committed
724
    <td><a class="anchor" id="offset"></a>offset <var>offset</var></td>
cristy's avatar
cristy committed
725 726 727
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
728
    <td><a class="anchor" id="opacity"></a>opacity <var>opacity</var></td>
cristy's avatar
cristy committed
729 730 731
    <td>Use percent (e.g. 50%).</td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
732
    <td><a class="anchor" id="path"></a>path <var>path</var></td>
cristy's avatar
cristy committed
733 734 735
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
736
    <td><a class="anchor" id="point"></a>point <var>x,y</var></td>
cristy's avatar
cristy committed
737 738 739
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
740
    <td><a class="anchor" id="polygon"></a>polygon <var>x,y x<sub>1</sub>,y<sub>1</sub>, ..., x<sub>n</sub>,y<sub>n</sub></var></td>
cristy's avatar
cristy committed
741 742 743
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
744
    <td><a class="anchor" id="polyline"></a>polyline <var>x,y x<sub>1</sub>,y<sub>1</sub>, ..., x<sub>n</sub>,y<sub>n</sub></var></td>
cristy's avatar
cristy committed
745 746 747
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
748
    <td><a class="anchor" id="pop-clip-path"></a>pop clip-path</td>
cristy's avatar
cristy committed
749 750 751
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
752
    <td><a class="anchor" id="pop-defs"></a>pop defs</td>
cristy's avatar
cristy committed
753 754 755
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
756
    <td><a class="anchor" id="pop-gradient"></a>pop gradient</td>
cristy's avatar
cristy committed
757 758 759
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
760
    <td><a class="anchor" id="pop-graphic-context"></a>pop graphic-context</td>
cristy's avatar
cristy committed
761 762 763
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
764
    <td><a class="anchor" id="pop-pattern"></a>pop pattern</td>
cristy's avatar
cristy committed
765 766 767
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
768
    <td><a class="anchor" id="push"></a>push clip-path "<var>name</var>"</td>
cristy's avatar
cristy committed
769 770 771
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
772
    <td><a class="anchor" id="push-defs"></a>push defs</td>
cristy's avatar
cristy committed
773 774 775
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
776
    <td><a class="anchor" id="push-gradient-linear"></a>push gradient <var>id linear x,y x<sub>1</sub>,y<sub>1</sub></var></td>
cristy's avatar
cristy committed
777 778 779
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
780
    <td><a class="anchor" id="push-gradient-radial"></a>push gradient <var>id radial x<sub>c</sub>,c<sub>y</sub> x<sub>f</sub>,y<sub>f</sub> radius</var></td>
cristy's avatar
cristy committed
781 782 783
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
784 785
    <td><a class="anchor" id="push-graphic-context"></a>push graphic-context { "<var>id</var>" }</td>
    <td>the <em>id</em> is optional</td>
cristy's avatar
cristy committed
786 787
  </tr>
  <tr>
Cristy's avatar
Cristy committed
788
    <td><a class="anchor" id="push-pattern"></a>push pattern <var>id radial x,y width,height</var></td>
cristy's avatar
cristy committed
789 790 791
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
792
    <td><a class="anchor" id="rectangle"></a>rectangle <var>x,y x<sub>1</sub>,y<sub>1</sub></var></td>
cristy's avatar
cristy committed
793 794 795
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
796
    <td><a class="anchor" id="rotate"></a>rotate <var>angle</var></td>
cristy's avatar
cristy committed
797 798 799
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
800
    <td><a class="anchor" id="roundrectangle"></a>roundrectangle <var>x,y x<sub>1</sub>,y<sub>1</sub> width,height</var></td>
cristy's avatar
cristy committed
801 802 803
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
804
    <td><a class="anchor" id="scale"></a>scale <var>x,y</var></td>
cristy's avatar
cristy committed
805 806 807
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
808
    <td><a class="anchor" id="skewX"></a>skewX <var>angle</var></td>
cristy's avatar
cristy committed
809 810 811
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
812
    <td><a class="anchor" id="skewY"></a>skewX <var>angle</var></td>
cristy's avatar
cristy committed
813 814 815
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
816
    <td><a class="anchor" id="stop-color"></a>stop-color <var>color offset</var></td>
cristy's avatar
cristy committed
817 818 819
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
820
    <td><a class="anchor" id="stroke"></a>stroke <var>color</var></td>
cristy's avatar
cristy committed
821 822 823
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
824
    <td><a class="anchor" id="stroke-antialias"></a>stroke-antialias <var>0 • 1</var></td>
cristy's avatar
cristy committed
825 826 827
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
828
    <td><a class="anchor" id="stroke-dasharray"></a>stroke-dasharray <var>none • numeric-list</var></td>
cristy's avatar
cristy committed
829 830 831
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
832
    <td><a class="anchor" id="stroke-dashoffset"></a>stroke-dashoffset <var>offset</var></td>
cristy's avatar
cristy committed
833 834 835
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
836
    <td><a class="anchor" id="stroke-linecap"></a>stroke-linecap <var>type</var></td>
cristy's avatar
cristy committed
837
    <td>Choose from these cap types:
Cristy's avatar
Cristy committed
838
<pre class="highlight"><code>butt
cristy's avatar
cristy committed
839
round
Cristy's avatar
Cristy committed
840
square</code></pre></td>
cristy's avatar
cristy committed
841 842
  </tr>
  <tr>
Cristy's avatar
Cristy committed
843
    <td><a class="anchor" id="stroke-linejoin"></a>stroke-linejoin <var>type</var></td>
cristy's avatar
cristy committed
844
    <td>Choose from these join types:
Cristy's avatar
Cristy committed
845
<pre class="highlight"><code>bevel
cristy's avatar
cristy committed
846
miter
Cristy's avatar
Cristy committed
847
round</code></pre></td>
cristy's avatar
cristy committed
848 849
  </tr>
  <tr>
Cristy's avatar
Cristy committed
850
    <td><a class="anchor" id="stroke-miterlimit"></a>stroke-miterlimit <var>limit</var></td>
cristy's avatar
cristy committed
851 852 853
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
854
    <td><a class="anchor" id="stroke-opacity"></a>stroke-opacity <var>opacity</var></td>
cristy's avatar
cristy committed
855 856 857
    <td>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).</td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
858
    <td><a class="anchor" id="stroke-width"></a>stroke-width <var>width</var></td>
cristy's avatar
cristy committed
859 860 861
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
862
    <td><a class="anchor" id="text"></a>text <var>"text"</var></td>
cristy's avatar
cristy committed
863 864 865
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
866
    <td><a class="anchor" id="text-antialias"></a>text-antialias <var>0 • 1</var></td>
cristy's avatar
cristy committed
867 868 869
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
870
    <td><a class="anchor" id="text-undercolor"></a>text-undercolor <var>color</var></td>
cristy's avatar
cristy committed
871 872 873
    <td></td>
  </tr>
  <tr>
Cristy's avatar
Cristy committed
874
    <td><a class="anchor" id="translate"></a>translate <var>x,y</var></td>
cristy's avatar
cristy committed
875 876
    <td></td>
  </tr>
Cristy's avatar
Cristy committed
877 878 879 880
  <tr>
    <td><a class="anchor" id="use"></a>use "<var>url(#id)</var>"</td>
    <td></td>
  </tr>
cristy's avatar
cristy committed
881
  <tr>
Cristy's avatar
Cristy committed
882
    <td><a class="anchor" id="viewbox"></a>viewbox <var>x,y x<sub>1</sub>,y<sub>1</sub></var></td>
cristy's avatar
cristy committed
883 884 885
    <td></td>
  </tr>
</table></div>
Cristy's avatar
Cristy committed
886
</div>
Cristy's avatar
Cristy committed
887 888
    </div>
  </main><!-- /.container -->
cristy's avatar
cristy committed
889
  <footer class="magick-footer">
Cristy's avatar
Cristy committed
890 891 892
    <p><a href="security-policy.html">Security</a>
    <a href="architecture.html">Architecture</a>
    <a href="links.html">Related</a>
Cristy's avatar
Cristy committed
893 894
     <a href="sitemap.html">Sitemap</a>
       
Cristy's avatar
Cristy committed
895
    <a href="magick-vector-graphics.html#"><img class="d-inline" id="wand" alt="And Now a Touch of Magick" width="16" height="16" src="../images/wand.ico"/></a>
Cristy's avatar
Cristy committed
896 897 898
       
    <a href="http://pgp.mit.edu/pks/lookup?op=get&amp;search=0x89AB63D48277377A">Public Key</a>
    <a href="support.html">Donate</a>
Cristy's avatar
Cristy committed
899
    <a href="https://imagemagick.org/script/contact.php">Contact Us</a>
Cristy's avatar
Cristy committed
900
    <br/>
Cristy's avatar
Cristy committed
901
    <small>© 1999-2019 ImageMagick Studio LLC</small></p>
cristy's avatar
cristy committed
902
  </footer>
cristy's avatar
cristy committed
903

Cristy's avatar
Cristy committed
904
  <!-- Javascript assets -->
Cristy's avatar
Cristy committed
905
  <script src="assets/magick.js" crossorigin="anonymous"></script>
Cristy's avatar
Cristy committed
906
  <script>window.jQuery || document.write('<script src="https://localhost/ajax/libs/jquery/3.3.1/jquery.min.js"><\/script>')</script>
cristy's avatar
cristy committed
907
</body>
cristy's avatar
cristy committed
908
</html>
Cristy's avatar
Cristy committed
909
<!-- Magick Cache 5th January 2019 11:43 -->