]> granicus.if.org Git - imagemagick/blobdiff - www/magick-vector-graphics.html
(no commit message)
[imagemagick] / www / magick-vector-graphics.html
index cdf251f9b80f87145a4415abda4cefed232651ec..5f92a0e008d3b4e6f9c5e307d75047e9babb95f5 100644 (file)
@@ -1,47 +1,76 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\r
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">\r
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" \r
+  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\r
+<html version="-//W3C//DTD XHTML 1.1//EN"\r
+      xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"\r
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"\r
+      xsi:schemaLocation="http://www.w3.org/1999/xhtml\r
+                          http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">\r
 <head>\r
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\r
-  <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U="/>\r
-  <title>ImageMagick: Magick Vector Graphics</title/>
+  <meta name="google-site-verification" content="MxsMq6bdLOx0KSuz1MY6yG9ZTIJ7_7DVRfl5NCAT5Yg"/>\r
+  <title>ImageMagick: Magick Vector Graphics</title>
   <meta http-equiv="Content-Language" content="en-US"/>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <meta http-equiv="Reply-to" content="magick-users@imagemagick.org"/>
   <meta name="Application-name" content="ImageMagick"/>
-  <meta name="Description" content="ImageMagick® is a software suite to create, edit, and compose bitmap images. It can read, convert and write images in a variety of formats (about 100) including GIF, JPEG, JPEG-2000, PNG, PDF, PhotoCD, TIFF, and DPX. Use ImageMagick to translate, flip, mirror, rotate, scale, shear and transform images, adjust image colors, apply various special effects, or draw text, lines, polygons, ellipses and Bézier curves.  ImageMagick is free software delivered as a ready-to-run binary distribution or as source code that you can freely use, copy, modify, and distribute. Its license is compatible with the GPL. It runs on all major operating systems.  The functionality of ImageMagick is typically utilized from the command line or you can use the features from programs written in your favorite programming language. Choose from these interfaces: MagickCore (C), MagickWand (C), ChMagick (Ch), Magick++ (C++), JMagick (Java), L-Magick (Lisp), PascalMagick (Pascal), PerlMagick (Perl), MagickWand for PHP (PHP), PythonMagick (Python), RMagick (Ruby), or TclMagick (Tcl/TK). With a language interface, use ImageMagick to modify or create images automagically and dynamically."/>
+  <meta name="Description" content="Use ImageMagick to convert, edit, or compose bitmap images in a variety of formats.  In addition resize, rotate, shear, distort and transform images automagically."/>
   <meta name="Application-url" content="http://www.imagemagick.org"/>
   <meta name="Generator" content="PHP"/>
-  <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"/>
+  <meta name="Keywords" content="magick, vector, graphics, ImageMagick, ImageMagic, MagickCore, MagickWand, PerlMagick, Magick++, RMagick, PythonMagick, JMagick, TclMagick, Image, Magick, Magic, Wand, ImageMagickObject, Image, Processing, Automagically"/>
   <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"/>
-  <meta name="Copyright" content="Copyright (c) 1999-2010 ImageMagick Studio LLC"/>
+  <meta name="Copyright" content="Copyright (c) 1999-2011 ImageMagick Studio LLC"/>
   <meta name="Distribution" content="Global"/>
-  <link rel="icon" href="../images/wand.png"  sizes="32x32"/>
+  <link rel="icon" href="../images/wand.png"/>
   <link rel="shortcut icon" href="../images/wand.ico"  type="images/x-icon"/>
+  <link rel="canonical" href="http://www.imagemagick.org" />\r
   <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>\r
+  <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />\r
+  <link rel="stylesheet" type="text/css" href="http://www.imagemagick.org/fancybox/jquery.fancybox-1.3.4.css" media="screen" />\r
   <style type="text/css" media="all">\r
     @import url("../www/magick.css");\r
   </style>\r
+  <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>\r
+  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>\r
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.fancybox-1.3.4.pack.js"></script>\r
+  <script type="text/javascript">\r
+    $(document).ready(function() {\r
+      $("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox({\r
+        'transitionIn'  : 'elastic',\r
+        'transitionOut' : 'elastic',\r
+        'overlayShow'   : false,\r
+        'opacity'       : true\r
+      });\r
+    });\r
+  </script>\r
 </head>\r
 \r
 <body id="www-imagemagick-org">\r
 <div class="titlebar">\r
-<a href="../index.html">\r
-  <img src="../images/script.png" alt="[ImageMagick]"\r
-  style="width: 350px; height: 60px; margin: 28px auto; float: left;" /></a>\r
-<a href="http://www.networkredux.com">\r
-  <img src="../images/networkredux.png" alt="[sponsor]"\r
-  style="margin: 45px auto; border: 0px; float: left;" /></a>\r
+<div style="margin: 17px auto; float: left;">\r
+  <script type="text/javascript">\r
+  <!--\r
+    google_ad_client = "pub-3129977114552745";\r
+    google_ad_slot = "5439289906";\r
+    google_ad_width = 728;\r
+    google_ad_height = 90;\r
+  //-->\r
+  </script>\r
+  <script type="text/javascript"\r
+    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">\r
+  </script>\r
+</div>\r
 <a href="http://www.imagemagick.org/discourse-server/">\r
-  <img src="../images/logo.jpg" alt=""\r
-  style="width: 114px; height: 118px; border: 0px; float: right;" /></a>\r
+  <img src="../images/logo.jpg"\r
+  alt="ImageMagick Logo"\r
+  style="width: 123px; height: 118px; border: 0px; float: right;" /></a>\r
 <a href="../index.html">\r
-  <img src="../images/sprite.jpg" alt=""\r
+  <img src="../images/sprite.jpg"\r
+  alt="ImageMagick Sprite"\r
   style="width: 114px; height: 118px; border: 0px; float: right;" /></a>\r
 </div>\r
 \r
@@ -50,7 +79,6 @@
 <div class="menu">
   <a title="About ImageMagick" href="../index.html">About ImageMagick</a>
 </div>
-<div class="sep"></div>\r
 <div class="menu">
   <a title="Binary Releases" href="../www/binary-releases.html">Binary Releases</a>
 </div>
@@ -60,6 +88,9 @@
 <div class="sub">
     <a title="Binary Release: MacOS X" href="../www/binary-releases.html#macosx">Mac OS X</a>
 </div>
+<div class="sub">
+    <a title="Binary Release: iOS" href="../www/binary-releases.html#iOS">iOS</a>
+</div>
 <div class="sub">
     <a title="Binary Release: Windows" href="../www/binary-releases.html#windows">Windows</a>
 </div>
     <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: Magick++" href="../Magick++/">Magick++</a>
+    <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
 </div>
 <div class="sep"></div>\r
 <div  class="menu">
 </div>
 <div class="sep"></div>\r
 <div class="menu">
-  <a title="Search" href="http://www.imagemagick.org/script/search.php">Search</a>
+  <a title="Search" href="../www/search.html">Search</a>
 </div>
 <div class="sep"></div>\r
 <div class="menu">
-  <a title="Site Map"href="../www/sitemap.html">Site Map</a>
+  <a title="Site Map" href="../www/sitemap.html">Site Map</a>
 </div>
 <div  class="sub">
-    <a title="Site Map: Links"href="../www/links.html">Links</a>
+  <a title="Site Map: Links" href="../www/links.html">Links</a>
 </div>
 <div class="sep"></div>\r
 <div  class="menu">
-  <a title="Sponsors" href="../www/sponsors.html">Sponsors:</a>
+  <a rel="follow" title="Sponsors" href="../www/sponsors.html">Sponsors:</a>
 
+<a href="http://www.networkredux.com">
+  <img src="../images/networkredux.png" alt="[sponsor]"
+  style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a>
 <div class="sponsbox">
 <div  class="sponsor">
-   <a title="Sponsor: Webdesign" href="http://www.renehornig.com/">Webdesign</a><!-- 20111001000240 -->
+  <a rel="follow" title="Sponsor: Web Hosting" href="http://www.micfo.com">Web Hosting</a><!-- 209901010090s golestan -->
+</div>
+<div  class="sponsor">
+  <a rel="follow" title="Sponsor: Autos part" href="http://www.pkwteile.de/autoteile">Autos part</a><!-- 201112010090s jr@pkwte... -->
+</div>
+<div  class="sponsor">
+  <a rel="follow" title="Sponsor: Search engine optimisation" href="http://www.seomoves.com.au">Search engine optimisation</a><!-- 201110010090s jen@seo lowprofilelinks -->
+</div>
+<div  class="sponsor">
+  <a rel="follow" title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
+</div>
+<div  class="sponsor">
+  <a rel="follow" title="Sponsor: Web Hosting Deals" href="http://www.webhostingdeals.org">Web Hosting Deals</a><!-- 201111010270 chee.hoa darin -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
+  <a rel="follow" title="Sponsor: Web Hosting Reviews" href="http://www.webhostingsecretrevealed.com">Web Hosting Secret Revealed</a><!-- 201204010540 iamchee jerry -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Image Converter" href="http://www.batchphoto.com">Image Converter</a><!-- 201103010900 Bits Coffee-->
+  <a rel="follow" title="Sponsor: Web Hosting Break" href="http://www.webhostingbreak.com">Web Hosting Break</a><!-- 201109010090 ian@ian-m... -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
+  <a rel="follow" title="Sponsor: Druckerei" href="http://www.allesdruck.de">Druckerei</a><!-- 201303011500 r.leo -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Webdesign Agentur" href="http://www.ventzke-partner.de">Webdesign Agentur</a><!-- 201101010480 invendio.de-->
+  <a rel="follow" title="Sponsor: Website Hosting" href="http://www.hostreviewgeeks.com">Website Hosting</a><!-- 201110010090 alexanian media -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: LVM Versicherung" href="http://www.neu-reich.de">LVM Versicherung</a><!-- 201101010480 -->
+  <a rel="follow" title="Sponsor: Hotel München" href="http://www.messehotel-erb-muenchen.de">Hotel München</a><!-- 201111010450 cerb -->
 </div>
 <div  class="sponsor">
-  <a title="Sponsor: Diamonds are a Girls Best Friend" href="http://www.schmuck.org">Diamonds are a Girls Best Friend</a><!-- 201101010600 Peterssen-->
+  <a rel="follow" title="Sponsor: Best Web Hosting" href="http://webhostinggeeks.com">Best Web Hosting</a><!-- 201110010720 -->
 </div>
 <div  class="sponsor">
-   <a title="Sponsor: Druckerei Online" href="http://www.allesdruck.de">Druckerei Online</a><!-- 201012011200 allesdruck.de-->
+  <a rel="follow" title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
+</div>
+<div  class="sponsor">
+  <a rel="follow" title="Sponsor: Web Hosting Ratings" href="http://webhostingrating.com">Web Hosting Ratings</a><!-- 201110010720 -->
+</div>
+<div  class="sponsor">
+   <a rel="follow" title="Kaffeevollautomaten Reparatur Kundendienst Berlin" href="http://www.kaffeemaschinen-center.de">Kaffeevollautomaten Reparatur Berlin</a><!-- 2011090100025 c.karule-->
 </div>
 </div>
 </div>
 </div>\r
 \r
 <div class="eastbar">\r
-  <script type="text/javascript">\r
-  <!--\r
-    google_ad_client = "pub-3129977114552745";\r
-    google_ad_slot = "0574824969";\r
-    google_ad_width = 160;\r
-    google_ad_height = 600;\r
-  //-->\r
-  </script>\r
-  <script type="text/javascript"\r
-    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">\r
-  </script>\r
+  <div class="g-plusone" data-size="standard" data-count="false"></div>\r
 </div>\r
 \r
 <div class="main">\r
 \r
 \r
+<h1>ImageMagick Magick Vector Graphics</h1>
 <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>
 
-<h2><a name="intro"></a>Introduction to Vector Graphics</h2>
+<a id="intro"></a>
 <div class="doc-section">
 
 <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
 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>
 
-<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 100x60 xc:skyblue -fill white -stroke black \  <br/>
+<p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert -size 100x60 canvas:skyblue -fill white -stroke black \  <br/>
     -draw "path 'M 30,40  A 30,20  20  0,0 70,20 A 30,20  20  1,0 30,40 Z '" \ <br/>
     arc.png</span></p>
 <p>and here is the result:</p>
@@ -191,7 +234,6 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 <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>
 
 <div class="viewport">
-<pre class="code">
   push graphic-context
     viewbox 0 0 624 369
     affine 0.283636 0 0 0.283846 -0 -0
@@ -342,7 +384,6 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
       pop graphic-context
     pop graphic-context
   pop graphic-context
-</pre>
 </div>
 
 <p>to render a pie chart with this command:</p>
@@ -363,7 +404,6 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 <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>
 
 <div class="viewport">
-<pre class="code">
    (void) PushDrawingWand(draw_wand);
    {
      const PointInfo points[6] =
@@ -389,12 +429,11 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
      DrawPolygon(draw_wand,6,points);
    }
    (void) PopDrawingWand(draw_wand);
-</pre>
 </div>
 
 </div>
 
-<h2><a name="overview"></a>MVG Overview</h2>
+<h2><a id="overview"></a>MVG Overview</h2>
 <div class="doc-section">
 
 <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>
@@ -470,43 +509,43 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </div>
 
-<h2><a name="primitives"></a>Drawing Primitives</h2>
+<h2><a id="primitives"></a>Drawing Primitives</h2>
 <div class="doc-section">
 
 <p>Here is a complete description of the MVG drawing primitives:</p>
 
 <dl class="doc">
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
   <dd></dd>
 
 
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
   <dd></dd>
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
   <dd>
   <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
   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>
   </dd>
 
-  <dt class="doc"><a name="border-color" id="border-color"></a>border-color <em class="option">color</em></dt>
+  <dt class="doc"><a id="border-color"></a>border-color <em class="option">color</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
   <dd></dd>
 
-  <dt class="doc"><a name="clip-path" id="clip-path"></a>clip-path url(<em class="option">name</em>)</dt>
+  <dt class="doc"><a id="clip-path"></a>clip-path url(<em class="option">name</em>)</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="clip-rule" id="clip-rule"></a>clip-rule <em class="option">rule</em></dt>
+  <dt class="doc"><a id="clip-rule"></a>clip-rule <em class="option">rule</em></dt>
 
   <dd>Choose from these rule types:
 
@@ -516,7 +555,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
        </p>
    </dd>
 
-  <dt class="doc"><a name="clip-units" id="clip-units"></a>clip-units <em class="option">units</em></dt>
+  <dt class="doc"><a id="clip-units"></a>clip-units <em class="option">units</em></dt>
 
   <dd>Choose from these unit types:
 
@@ -527,7 +566,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
        </p>
   </dd>
 
-  <dt class="doc"><a name="color" id="color"></a>color <em class="option">x</em>,<em class="option">y</em> <em class="option">method</em></dt>
+  <dt class="doc"><a id="color"></a>color <em class="option">x</em>,<em class="option">y</em> <em class="option">method</em></dt>
 
 
 
@@ -551,7 +590,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="decorate" id="decorate"></a>decorate <em class="option">type</em></dt>
+  <dt class="doc"><a id="decorate"></a>decorate <em class="option">type</em></dt>
 
 
 <dd>Choose from these types of decorations:
@@ -565,20 +604,20 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
-  <dt class="doc"><a name="fill" id="fill"></a>fill <em class="option">color</em></dt>
+  <dt class="doc"><a id="fill"></a>fill <em class="option">color</em></dt>
 
 <dd>Choose from any of these <a href="../www/color.html">colors</a>.
 </dd>
 
-  <dt class="doc"><a name="fill-opacity" id="fill-opacity"></a>fill-opacity <em class="option">opacity</em></dt>
+  <dt class="doc"><a id="fill-opacity"></a>fill-opacity <em class="option">opacity</em></dt>
 
 
 <dd>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).
 </dd>
 
-  <dt class="doc"><a name="fill-rule" id="fill-rule"></a>fill-rule <em class="option">rule</em></dt>
+  <dt class="doc"><a id="fill-rule"></a>fill-rule <em class="option">rule</em></dt>
 
 
 <dd>Choose from these rule types:
@@ -590,19 +629,19 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="font" id="font"></a>font <em class="option">name</em></dt>
+  <dt class="doc"><a id="font"></a>font <em class="option">name</em></dt>
 
 <dd></dd>
 
-  <dt class="doc"><a name="font-family" id="font-family"></a>font-family <em class="option">family</em></dt>
+  <dt class="doc"><a id="font-family"></a>font-family <em class="option">family</em></dt>
 
 <dd></dd>
 
-  <dt class="doc"><a name="font-size" id="font-size"></a>font-size <em class="option">point-size</em></dt>
+  <dt class="doc"><a id="font-size"></a>font-size <em class="option">point-size</em></dt>
 
 <dd></dd>
 
-  <dt class="doc"><a name="font-stretch" id="font-stretch"></a>font-stretch <em class="option">type</em></dt>
+  <dt class="doc"><a id="font-stretch"></a>font-stretch <em class="option">type</em></dt>
 
 <dd>Choose from these stretch types:
 
@@ -621,7 +660,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="font-style" id="font-style"></a>font-style <em class="option">style</em></dt>
+  <dt class="doc"><a id="font-style"></a>font-style <em class="option">style</em></dt>
 
 
 <dd>Choose from these styles:
@@ -635,7 +674,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="font-weight" id="font-weight"></a>font-weight <em class="option">weight</em></dt>
+  <dt class="doc"><a id="font-weight"></a>font-weight <em class="option">weight</em></dt>
 
 <dd>Choose from these weights:
 
@@ -656,7 +695,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="gradient-units" id="gradient-units"></a>gradient-units <em class="option">units</em></dt>
+  <dt class="doc"><a id="gradient-units"></a>gradient-units <em class="option">units</em></dt>
 
 <dd>Choose from these units:
 
@@ -668,7 +707,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="gravity" id="gravity"></a>gravity <em class="option">type</em></dt>
+  <dt class="doc"><a id="gravity"></a>gravity <em class="option">type</em></dt>
 
 <dd>Choose from these gravity types:
 
@@ -686,7 +725,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="image" id="image"></a>image <em class="option">compose x,y width,height 'filename'</em></dt>
+  <dt class="doc"><a id="compose"></a>image <em class="option">compose x,y width,height 'filename'</em></dt>
 
 <dd>Choose from these compose operations:
 
@@ -863,23 +902,23 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="interline-spacing" id="interline-spacing"></a>interline-spacing <em class="option">pixels</em></dt>
+  <dt class="doc"><a id="interline-spacing"></a>interline-spacing <em class="option">pixels</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="interword-spacing" id="interword-spacing"></a>interword-spacing <em class="option">pixels</em></dt>
+  <dt class="doc"><a id="interword-spacing"></a>interword-spacing <em class="option">pixels</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="kerning" id="kerning"></a>kerning <em class="option">pixels</em></dt>
+  <dt class="doc"><a id="kerning"></a>kerning <em class="option">pixels</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="line" id="line"></a>line <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
+  <dt class="doc"><a id="line"></a>line <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="matte" id="matte"></a>matte <em class="option">x,y method</em></dt>
+  <dt class="doc"><a id="matte"></a>matte <em class="option">x,y method</em></dt>
 
 <dd>Choose from these methods:
 
@@ -893,119 +932,119 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a name="offset" id="offset"></a>offset <em class="option">offset</em></dt>
+  <dt class="doc"><a id="offset"></a>offset <em class="option">offset</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="opacity" id="opacity"></a>opacity <em class="option">opacity</em></dt>
+  <dt class="doc"><a id="opacity"></a>opacity <em class="option">opacity</em></dt>
 
 <dd>Use percent (e.g. 50%).</dd>
 
-  <dt class="doc"><a name="path" id="path"></a>path <em class="option">path</em></dt>
+  <dt class="doc"><a id="path"></a>path <em class="option">path</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="point" id="point"></a>point <em class="option">x,y</em></dt>
+  <dt class="doc"><a id="point"></a>point <em class="option">x,y</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
   <dd></dd>
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
   <dd></dd>
 
-  <dt class="doc"><a name="pop-clip-path" id="pop-clip-path"></a>pop clip-path</dt>
+  <dt class="doc"><a id="pop-clip-path"></a>pop clip-path</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="pop-defs" id="pop-defs"></a>pop defs</dt>
+  <dt class="doc"><a id="pop-defs"></a>pop defs</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="pop-gradient" id="pop-gradient"></a>pop gradient</dt>
+  <dt class="doc"><a id="pop-gradient"></a>pop gradient</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="pop-graphic-context" id="pop-graphic-context"></a>pop graphic-context</dt>
+  <dt class="doc"><a id="pop-graphic-context"></a>pop graphic-context</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="pop-pattern" id="pop-pattern"></a>pop pattern</dt>
+  <dt class="doc"><a id="pop-pattern"></a>pop pattern</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="push" id="push"></a>push clip-path <em class="option">name</em></dt>
+  <dt class="doc"><a id="push"></a>push clip-path <em class="option">name</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="push-defs" id="push-defs"></a>push defs</dt>
+  <dt class="doc"><a id="push-defs"></a>push defs</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a id="push-gradient-linear"></a>push gradient <em class="option">id linear x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="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>
+  <dt class="doc"><a 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>
 
   <dd></dd>
 
-  <dt class="doc"><a name="push-graphic-context" id="push-graphic-context"></a>push graphic-context</dt>
+  <dt class="doc"><a id="push-graphic-context"></a>push graphic-context</dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="push-pattern" id="push-pattern"></a>push pattern <em class="option">id radial x,y width,height</em></dt>
+  <dt class="doc"><a id="push-pattern"></a>push pattern <em class="option">id radial x,y width,height</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="rectangle" id="rectangle"></a>rectangle <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
+  <dt class="doc"><a id="rectangle"></a>rectangle <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="rotate" id="rotate"></a>rotate <em class="option">angle</em></dt>
+  <dt class="doc"><a id="rotate"></a>rotate <em class="option">angle</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="roundrectangle" id="roundrectangle"></a>roundrectangle <em class="option">x,y x<sub>1</sub>,y<sub>1</sub> width,height</em></dt>
+  <dt class="doc"><a id="roundrectangle"></a>roundrectangle <em class="option">x,y x<sub>1</sub>,y<sub>1</sub> width,height</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="scale" id="scale"></a>scale <em class="option">x,y</em></dt>
+  <dt class="doc"><a id="scale"></a>scale <em class="option">x,y</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="skewX" id="skewX"></a>skewX <em class="option">angle</em></dt>
+  <dt class="doc"><a id="skewX"></a>skewX <em class="option">angle</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="skewY" id="skewY"></a>skewX <em class="option">angle</em></dt>
+  <dt class="doc"><a id="skewY"></a>skewX <em class="option">angle</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="stop-color" id="stop-color"></a>stop-color <em class="option">color offset</em></dt>
+  <dt class="doc"><a id="stop-color"></a>stop-color <em class="option">color offset</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="stroke" id="stroke"></a>stroke <em class="option">color</em></dt>
+  <dt class="doc"><a id="stroke"></a>stroke <em class="option">color</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="stroke-antialias" id="stroke-antialias"></a>stroke-antialias <em class="option">0 &bull; 1</em></dt>
+  <dt class="doc"><a id="stroke-antialias"></a>stroke-antialias <em class="option">0 &bull; 1</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="stroke-dasharray" id="stroke-dasharray"></a>stroke-dasharray <em class="option">none &bull; numeric-list</em></dt>
+  <dt class="doc"><a id="stroke-dasharray"></a>stroke-dasharray <em class="option">none &bull; numeric-list</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="stroke-dashoffset" id="stroke-dashoffset"></a>stroke-dashoffset <em class="option">offset</em></dt>
+  <dt class="doc"><a id="stroke-dashoffset"></a>stroke-dashoffset <em class="option">offset</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="stroke-linecap" id="stroke-linecap"></a>stroke-linecap <em class="option">type</em></dt>
+  <dt class="doc"><a id="stroke-linecap"></a>stroke-linecap <em class="option">type</em></dt>
 
 
   <dd>Choose from these cap types:
@@ -1018,7 +1057,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
   </dd>
 
-  <dt class="doc"><a name="stroke-linejoin" id="stroke-linejoin"></a>stroke-linejoin <em class="option">type</em></dt>
+  <dt class="doc"><a id="stroke-linejoin"></a>stroke-linejoin <em class="option">type</em></dt>
 
   <dd>Choose from these join types:
 
@@ -1030,36 +1069,36 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
   </dd>
 
-  <dt class="doc"><a name="stroke-miterlimit" id="stroke-miterlimit"></a>stroke-miterlimit <em class="option">limit</em></dt>
+  <dt class="doc"><a id="stroke-miterlimit"></a>stroke-miterlimit <em class="option">limit</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="stroke-opacity" id="stroke-opacity"></a>stroke-opacity <em class="option">opacity</em></dt>
+  <dt class="doc"><a id="stroke-opacity"></a>stroke-opacity <em class="option">opacity</em></dt>
 
   <dd>The opacity ranges from 0.0 (fully transparent) to 1.0 (fully opaque) or as a percentage (e.g. 50%).
   </dd>
 
-  <dt class="doc"><a name="stroke-width" id="stroke-width"></a>stroke-width <em class="option">width</em></dt>
+  <dt class="doc"><a id="stroke-width"></a>stroke-width <em class="option">width</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="text" id="text"></a>text <em class="option">"text"</em></dt>
+  <dt class="doc"><a id="text"></a>text <em class="option">"text"</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="text-antialias" id="text-antialias"></a>text-antialias <em class="option">0 &bull; 1</em></dt>
+  <dt class="doc"><a id="text-antialias"></a>text-antialias <em class="option">0 &bull; 1</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="text-undercolor" id="text-undercolor"></a>text-undercolor <em class="option">color</em></dt>
+  <dt class="doc"><a id="text-undercolor"></a>text-undercolor <em class="option">color</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="translate" id="translate"></a>translate <em class="option">x,y</em></dt>
+  <dt class="doc"><a id="translate"></a>translate <em class="option">x,y</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a name="viewbox" id="viewbox"></a>viewbox <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
+  <dt class="doc"><a id="viewbox"></a>viewbox <em class="option">x,y x<sub>1</sub>,y<sub>1</sub></em></dt>
 
   <dd></dd>
 
@@ -1080,7 +1119,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
     <span id="linkbar-east">&nbsp;</span>\r
   </div>\r
   <div class="footer">\r
-    <span id="footer-west">&copy; 1999-2010 ImageMagick Studio LLC</span>\r
+    <span id="footer-west">&copy; 1999-2011 ImageMagick Studio LLC</span>\r
     <span id="footer-east"> <a href="http://www.imagemagick.org/script/contact.php">Contact the Wizards</a></span>\r
   </div>\r
   <div style="clear: both; margin: 0; width: 100%; "></div>\r