-<!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
-<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 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="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"/>
- <link rel="icon" href="../images/wand.png" sizes="32x32"/>
- <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
-</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
+<!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="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="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="../www/binary-releases.html#unix">Unix</a>
+ <a title="Binary Release: Unix" href="binary-releases.html#unix">Unix</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: MacOS X" href="binary-releases.html#macosx">Mac OS X</a>
</div>
<div class="sub">
- <a title="Binary Release: Windows" href="../www/binary-releases.html#windows">Windows</a>
+ <a title="Binary Release: iOS" href="binary-releases.html#iOS">iOS</a>
</div>
-<div class="sep"></div>\r
+<div class="sub">
+ <a title="Binary Release: Windows" href="binary-releases.html#windows">Windows</a>
+</div>
+<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="../Magick++/">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: Notebook Reparatur Berlin" href="http://www.notebook-reparaturen-berlin.de">Notebook Reparatur Berlin</a><!-- 2011040100025 gabi.schulze-->
-</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: Webdesign Agentur" href="http://www.ventzke-partner.de">Webdesign Agentur</a><!-- 201101010480 invendio.de-->
-</div>
-<div class="sponsor">
- <a title="Sponsor: LVM Versicherung" href="http://www.neu-reich.de">LVM Versicherung</a><!-- 201101010480 -->
-</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 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
-<p class="navigation-index">[<a href="#intro">Introduction to Vector Graphics</a> • <a href="#overview">MVG Overview</a> • <a href="#primitives">Drawing Primitives</a>]</p>
-
-<h2><a name="intro"></a>Introduction to Vector Graphics</h2>
+
+<div class="main">
+
+
+<h1>ImageMagick Magick Vector Graphics</h1>
+<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> </span><span class='crtin'>convert -size 100x60 xc:skyblue -fill white -stroke black \ <br/>
+<p class='crt'><span class="crtprompt"> $magick> </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>
<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">
-<pre class="code">
push graphic-context
viewbox 0 0 624 369
affine 0.283636 0 0 0.283846 -0 -0
pop graphic-context
pop graphic-context
pop graphic-context
-</pre>
</div>
<p>to render a pie chart with this command:</p>
<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> </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">
-<pre class="code">
(void) PushDrawingWand(draw_wand);
{
const PointInfo points[6] =
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>
</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> <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>
+ <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 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>
+ <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 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> <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 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:
</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:
</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>
</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:
</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> <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="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 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>Choose from any of these <a href="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:
</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:
</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:
</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:
</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:
</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:
</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:
<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 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:
</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 • 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 name="stroke-dasharray" id="stroke-dasharray"></a>stroke-dasharray <em class="option">none • 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 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:
</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:
</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 • 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 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>
</div>
-\r
-</div>\r
-\r
-<div id="linkbar">\r
- <span id="linkbar-west"> </span>\r
- <span id="linkbar-center">\r
- <a href="http://www.imagemagick.org/discourse-server/">Discourse Server</a> •\r
- <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>\r
- </span>\r
- <span id="linkbar-east"> </span>\r
- </div>\r
- <div class="footer">\r
- <span id="footer-west">© 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&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>
projects / imagemagick / blobdiff