]> granicus.if.org Git - imagemagick/blobdiff - www/magick-vector-graphics.html
Fixed disabled alpha channel in RGB and BGR reader.
[imagemagick] / www / magick-vector-graphics.html
index 572571a5dd4ea99a0a663a0fc781fac7dddebf4f..633be474694be7a73e0afea284ef2624dd956951 100644 (file)
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" \r
-  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">\r
-<head>\r
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\r
-  <meta name="verify-v1" content="g222frIIxcQTrvDR3NBRUSKP3AnMNoqxOkIniCEkV7U="/>\r
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
+  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html version="-//W3C//DTD XHTML 1.1//EN"
+      xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.w3.org/1999/xhtml
+                          http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+  <meta name=viewport content="width=device-width, initial-scale=0.3333334">
+  <meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4"/>
   <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, compose, or convert bitmap images in a variety of formats. Use ImageMagick to scale, rotate, shear, distort and transform images."/>
-  <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="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-2011 ImageMagick Studio LLC"/>
-  <meta name="Distribution" content="Global"/>
+  <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="A collection of tools and libraries to read, write, and manipulate an image in any of the more popular image formats."/>
+  <meta name="application-url" content="http://www.imagemagick.org"/>
+  <meta name="generator" content="PHP"/>
+  <meta name="keywords" content="magick, vector, graphics, convert, edit, compose, image, pixel"/>
+  <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-2012 ImageMagick Studio LLC"/>
+  <meta name="distribution" content="Global"/>
   <link rel="icon" href="../images/wand.png"/>
-  <link rel="shortcut icon" href="../images/wand.ico"  type="images/x-icon"/>
-  <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>\r
-  <style type="text/css" media="all">\r
-    @import url("../www/magick.css");\r
-  </style>\r
-  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>\r
-  <script type="text/javascript" src="../fancybox/jquery.fancybox-1.3.4.pack.js"></script>\r
-  <link rel="stylesheet" type="text/css" href="../fancybox/jquery.fancybox-1.3.4.css" media="screen" />\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
-<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
-<a href="../index.html">\r
-  <img src="../images/sprite.jpg" alt=""\r
-  style="width: 114px; height: 118px; border: 0px; float: right;" /></a>\r
-</div>\r
-\r
-<div class="westbar">\r
-\r
+  <link rel="shortcut icon" href="../images/wand.ico" type="images/x-icon"/>
+  <link rel="canonical" href="http://www.imagemagick.org" />
+  <link rel="meta" type="application/rdf+xml" title="ICI" href="http://imagemagick.org/ici.rdf"/>
+
+  <!-- Add jQuery library -->
+  <script type="text/javascript" src="http://localhost/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+  
+  <!-- Add mousewheel plugin (this is optional) -->
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
+  
+  <!-- Add fancyBox -->
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
+  
+  <!-- Optionally add helpers - button, thumbnail and/or media -->
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
+  
+  <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
+  <script type="text/javascript" src="http://www.imagemagick.org/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
+  
+  <script type="text/javascript">
+       $(document).ready(function() {
+               $(".fancybox").fancybox();
+       });
+  </script>
+
+  <!-- ImageMagick style -->
+  <style type="text/css" media="all">
+    @import url("../www/magick.css");
+  </style>
+</head>
+
+<body id="www-imagemagick-org">
+
+<script type="text/javascript">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'offline-script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-40133312-1', 'imagemagick.org');
+  ga('send', 'pageview');
+</script>
+
+<div class="titlebar">
+<div style="margin: 17px auto; float: left;">
+  <script type="text/javascript">
+  <!--
+    google_ad_client = "pub-3129977114552745";
+    google_ad_slot = "5439289906";
+    google_ad_width = 728;
+    google_ad_height = 90;
+  //-->
+  </script>
+  <script type="text/javascript"
+    src="http://localhost/pagead/show_ads.js">
+  </script>
+</div>
+<a href="../discourse-server">
+  <img src="../images/logo.jpg"
+  alt="ImageMagick Logo" width="123" height="118"
+  style="width: 123px; height: 118px; border: 0px; float: right;" /></a>
+<a href="http://www.imagemagick.org/ImageMagick-7.0.0/index.html">
+  <img src="../images/sprite.jpg"
+  alt="ImageMagick Sprite" width="114" height="118"
+  style="width: 114px; height: 118px; border: 0px; float: right;" /></a>
+</div>
+
+<div class="westbar">
+
 <div class="menu">
-  <a title="About ImageMagick" href="../index.html">About ImageMagick</a>
+  <a title="About ImageMagick" href="http://www.imagemagick.org/ImageMagick-7.0.0/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>
+  <a title="Binary Releases" href="binary-releases.html">Binary Releases</a>
+</div>
+<div class="sub">
+    <a title="Binary Release: Unix" href="binary-releases.html#unix">Unix</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: Unix" href="../www/binary-releases.html#unix">Unix</a>
+    <a title="Binary Release: MacOS X" href="binary-releases.html#macosx">Mac OS X</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: MacOS X" href="../www/binary-releases.html#macosx">Mac OS X</a>
+    <a title="Binary Release: iOS" href="binary-releases.html#iOS">iOS</a>
 </div>
 <div class="sub">
-    <a title="Binary Release: Windows" href="../www/binary-releases.html#windows">Windows</a>
+    <a title="Binary Release: Windows" href="binary-releases.html#windows">Windows</a>
 </div>
-<div class="sep"></div>\r
+<div class="sep"></div>
 <div class="menu">
-  <a title="Command-line Tools" href="../www/command-line-tools.html">Command-line Tools</a>
+  <a title="Command-line Tools" href="command-line-tools.html">Command-line Tools</a>
 </div>
 <div class="sub">
-    <a title="Command-line Tools: Processing" href="../www/command-line-processing.html">Processing</a>
+    <a title="Command-line Tools: Processing" href="command-line-processing.html">Processing</a>
 </div>
 <div class="sub">
-    <a title="Command-line Tools: Options" href="../www/command-line-options.html">Options</a>
+    <a title="Command-line Tools: Options" href="command-line-options.html">Options</a>
 </div>
 <div class="sub">
     <a title="Command-line Tools: Usage" href="http://www.imagemagick.org/Usage/">Usage</a>
 </div>
 <div class="menu">
-  <a title="Program Interfaces" href="../www/api.html">Program Interfaces</a>
+  <a title="Program Interfaces" href="api.html">Program Interfaces</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: MagickWand" href="../www/magick-wand.html">MagickWand</a>
+    <a title="Program Interface: MagickWand" href="magick-wand.html">MagickWand</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: MagickCore" href="../www/magick-core.html">MagickCore</a>
+    <a title="Program Interface: MagickCore" href="magick-core.html">MagickCore</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: PerlMagick" href="../www/perl-magick.html">PerlMagick</a>
+    <a title="Program Interface: PerlMagick" href="perl-magick.html">PerlMagick</a>
 </div>
 <div class="sub">
-    <a title="Program Interface: Magick++" href="../www/magick++.html">Magick++</a>
+    <a title="Program Interface: Magick++" href="magick++.html">Magick++</a>
 </div>
-<div class="sep"></div>\r
+<div class="sep"></div>
 <div  class="menu">
-   <a title="Install from Source" href="../www/install-source.html">Install from Source</a>
+   <a title="Install from Source" href="install-source.html">Install from Source</a>
 </div>
 <div class="sub">
-    <a title="Install from Source: Unix" href="../www/install-source.html#unix">Unix</a>
+    <a title="Install from Source: Unix" href="install-source.html#unix">Unix</a>
 </div>
 <div class="sub">
-    <a title="Install from Source: Windows" href="../www/install-source.html#windows">Windows</a>
+    <a title="Install from Source: Windows" href="install-source.html#windows">Windows</a>
  </div>
 <div class="menu">
-  <a title="Resources" href="../www/resources.html">Resources</a>
+  <a title="Resources" href="resources.html">Resources</a>
 </div>
 <div class="menu">
-  <a title="Architecture" href="../www/architecture.html">Architecture</a>
+  <a title="Architecture" href="architecture.html">Architecture</a>
 </div>
 <div class="menu">
-  <a title="Download" href="../www/download.html">Download</a>
+  <a title="Download" href="download.html">Download</a>
 </div>
-<div class="sep"></div>\r
+<div class="sep"></div>
 <div class="menu">
-  <a title="Search" href="http://www.imagemagick.org/script/search.php">Search</a>
+  <a title="Search" href="search.html">Search</a>
 </div>
-<div class="sep"></div>\r
+<div class="sep"></div>
 <div class="menu">
-  <a title="Site Map" href="../www/sitemap.html">Site Map</a>
+  <a title="Site Map" href="sitemap.html">Site Map</a>
 </div>
 <div  class="sub">
-  <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>
-
-<div class="sponsbox">
-<div class="sponsor">
-  <a title="Sponsor: Web Hosting" href="http://www.bodhost.com/hosting.html">Web Hosting</a><!-- 201104010090 -->
-</div>
-<div  class="sponsor">
-  <a title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 201110010720 -->
-</div>
-<div  class="sponsor">
-  <a title="Sponsor: Image Converter" href="http://www.batchphoto.com">Image Converter</a><!-- 201103010900 Bits Coffee-->
-</div>
-<div  class="sponsor">
-  <a title="Sponsor: Flyer drucken" href="http://www.online-druck.biz">Flyer drucken</a><!-- 201109010900 Floeter-->
-</div>
-<div  class="sponsor">
-   <a title="Sponsor: Notebook Reparatur Berlin" href="http://www.notebook-reparaturen-berlin.de">Notebook Reparatur Berlin</a><!-- 2011050100025 gabi.schulze-->
+  <a title="Site Map: Links" href="links.html">Links</a>
 </div>
+<div class="sep"></div>
 </div>
+
+<div class="eastbar">
+  <script type="text/javascript">
+    /* <![CDATA[ */
+    window.___gcfg = {
+      lang: 'en-US'
+    };
+
+    (function() {
+      var po = document.createElement('offline-script');
+      po.type = 'text/javascript';
+      po.async = true;
+      po.src = 'https://apis.google.com/js/plusone.js';
+      var script = document.getElementsByTagName('offline-script')[0];
+      script.parentNode.insertBefore(po, script);
+    })();
+    var gplusone = document.getElementById("gplusone");
+    gplusone.setAttribute("data-size","medium");
+    gplusone.setAttribute("data-count","true");
+    /* ]]> */
+  </script>
+  <script type="text/javascript">
+    /* <![CDATA[ */
+    (function() {
+        var po = document.createElement('offline-script'), t = document.getElementsByTagName('offline-script')[0];
+        po.type = 'text/javascript';
+        po.async = true;
+        po.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
+        var script = document.getElementsByTagName('offline-script')[0];
+        script.parentNode.insertBefore(po, script);
+    })();
+    /* ]]> */
+  </script>
+  <div> <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://www.imagemagick.org/"></a></div>
+  <noscript>
+    <a href="http://flattr.com/thing/947300/Convert-Edit-And-Compose-Images" target="_blank">
+    <img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" width="93" height="20" border="0" /></a>
+  </noscript>
+  <div class="g-plusone" data-size="standard" data-count="true"></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>\r
-\r
-<div class="main">\r
-\r
-\r
+
+<div class="main">
+
+
 <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>
+<p class="navigation-index">[<a href="magick-vector-graphics.html#intro">Introduction to Vector Graphics</a> • <a href="magick-vector-graphics.html#overview">MVG Overview</a> • <a href="magick-vector-graphics.html#primitives">Drawing Primitives</a>]</p>
 
 <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>
+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="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>
@@ -193,7 +239,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
   <a href="../images/arc.png"><img src="../images/arc.png" width="100" height="60" alt="arc" /></a>
 </p>
 
-<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>
+<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="../source/piechart.mvg">piechart.mvg</a>:</p>
 
 <div class="viewport">
   push graphic-context
@@ -357,13 +403,13 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
   <a href="../images/piechart.png"><img src="../images/piechart.png" width="624" height="369" alt="piechart" /></a>
 </p>
 
-<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>
+<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="../source/piechart.svg">piechart.svg</a> with this command:</p>
 
 <p class='crt'><span class="crtprompt"> $magick&gt; </span><span class='crtin'>convert piechart.svg piechart.jpg</span></p>
 
 <p>to produce the same pie chart we created with the MVG language.</p>
 
-<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>
+<p>Drawing is available from many of the ImageMagick <a href="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="magick-wand.html">MagickWand</a> language: </p>
 
 <div class="viewport">
    (void) PushDrawingWand(draw_wand);
@@ -478,36 +524,36 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 <dl class="doc">
 
-  <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>
+  <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 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>
+  <dt class="doc"><a id="arc"></a>arc <em class="option">x<sub>0</sub></em>,<em class="option">y<sub>0</sub></em>   <em class="option">x<sub>1</sub></em>,<em class="option">y<sub>1</sub></em>   <em class="option">a<sub>0</sub></em>,<em class="option">a<sub>1</sub></em></dt>
 
   <dd></dd>
 
-  <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>
+  <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>
+  <p><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.</p>
   </dd>
 
-  <dt class="doc"><a id="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 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>
+  <dt class="doc"><a id="circle"></a>circle <em class="option">origin<sub>x</sub></em>,<em class="option">origin<sub>y</sub></em>   <em class="option">perimeter<sub>x</sub></em>,<em class="option">perimeter<sub>y</sub></em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a id="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 id="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:
 
@@ -517,7 +563,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
        </p>
    </dd>
 
-  <dt class="doc"><a id="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:
 
@@ -528,7 +574,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
        </p>
   </dd>
 
-  <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>
+  <dt class="doc"><a id="color"></a>color <em class="option">x</em>,<em class="option">y</em> <em class="option">method</em></dt>
 
 
 
@@ -552,7 +598,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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:
@@ -566,20 +612,20 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <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>
+  <dt class="doc"><a id="ellipse"></a>ellipse <em class="option">center<sub>x</sub></em>,<em class="option">center<sub>y</sub></em>   <em class="option">radius<sub>x</sub></em>,<em class="option">radius<sub>y</sub></em>   <em class="option">arc<sub>start</sub></em>,<em class="option">arc<sub>stop</sub></em></dt>
 
-  <dt class="doc"><a id="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>Choose from any of these <a href="color.html">colors</a>.
 </dd>
 
-  <dt class="doc"><a id="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 id="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:
@@ -591,19 +637,19 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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 id="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 id="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 id="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:
 
@@ -622,7 +668,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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:
@@ -636,7 +682,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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:
 
@@ -657,7 +703,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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:
 
@@ -669,7 +715,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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:
 
@@ -687,7 +733,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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:
 
@@ -850,37 +896,37 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
     <td valign="top">Copy the specificed channel in the source image to the
         same channel in the destination image.  If the channel specified in
         the source image does not exist, (which can only happen for methods,
-        '<kbd>copy-opacity</kbd>' or '<kbd>copy-black</kbd>') then it is
+        '<code>copy-opacity</code>' or '<code>copy-black</code>') then it is
         assumed that the source image is a special grayscale channel image
         of the values to be copied. </td>
     </tr>
 
   <tr valign="top">
     <td valign="top">change-mask</td>
-    <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>
+    <td valign="top">Replace any destination pixel that is the similar to the source images pixel (as defined by the current <a href="magick-vector-graphics.html#fuzz">-fuzz</a> factor), with transparency. </td>
   </tr>
   </tbody>
 </table>
 
 </dd>
 
-  <dt class="doc"><a id="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 id="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 id="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 id="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 id="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:
 
@@ -894,119 +940,119 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
 </dd>
 
-  <dt class="doc"><a id="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 id="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 id="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 id="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 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>
+  <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 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>
+  <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 id="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 id="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 id="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 id="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 id="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 id="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 id="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 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>
+  <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 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>
+  <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 id="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 id="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 id="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 id="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 id="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 id="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 id="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 id="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 id="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 id="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 id="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 • 1</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a id="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 • numeric-list</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a id="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 id="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:
@@ -1019,7 +1065,7 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
   </dd>
 
-  <dt class="doc"><a id="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:
 
@@ -1031,36 +1077,36 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 
   </dd>
 
-  <dt class="doc"><a id="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 id="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 id="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 id="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 id="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 • 1</em></dt>
 
   <dd></dd>
 
-  <dt class="doc"><a id="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 id="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 id="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>
 
@@ -1069,32 +1115,24 @@ command line, from an MVG file, from an <a href="http://www.w3.org/TR/SVG/" >SVG
 </div>
 
 
-\r
-</div>\r
-\r
-<div id="linkbar">\r
-    <span id="linkbar-west">&nbsp;</span>\r
-    <span id="linkbar-center">\r
-      <a href="http://www.imagemagick.org/discourse-server/">Discourse Server</a> &bull;\r
-      <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>\r
-    </span>\r
-    <span id="linkbar-east">&nbsp;</span>\r
-  </div>\r
-  <div class="footer">\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
-  <script type="text/javascript">\r
-    var _gaq = _gaq || [];\r
-    _gaq.push(['_setAccount', 'UA-17690367-1']);\r
-    _gaq.push(['_trackPageview']);\r
-\r
-    (function() {\r
-      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\r
-      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\r
-      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\r
-    })();\r
-  </script>\r
-</body>\r
-</html>\r
+
+</div>
+
+<div id="linkbar">
+    <span id="linkbar-west"> </span>
+
+    <span id="linkbar-center">
+      <a href="../discourse-server">Discourse Server</a> •
+      <a href="http://pgp.mit.edu:11371/pks/lookup?op=get&amp;search=0x89AB63D48277377A">Public Key</a> •
+      <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a> •
+      <a href="http://jqmagick.imagemagick.org/">JqMagick</a>
+    </span>
+    <span id="linkbar-east"> </span>
+</div>
+<div class="footer">
+  <span id="footer-west">©  1999-2015 ImageMagick Studio LLC</span>
+  <span id="footer-east"> <a href="contact.html">Contact the Wizards</a></span>
+</div>
+<div style="clear: both; margin: 0; width: 100%; "></div>
+</body>
+</html>