http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
- <meta name="google-site-verification" content="MxsMq6bdLOx0KSuz1MY6yG9ZTIJ7_7DVRfl5NCAT5Yg"/>
+ <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="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="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, ImageMagick, PerlMagick, image processing, OpenMP, software development library, image, photo, software, Magick++, MagickWand"/>
+ <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-2013 ImageMagick Studio LLC"/>
+ <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="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://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+ <script type="text/javascript" src="http://localhost/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
- <!-- Optionaly include easing and/or mousewheel plugins -->
- <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.easing-1.3.pack.js"></script>
- <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.mousewheel-3.0.6.pack.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/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />
- <script type="text/javascript" src="http://www.imagemagick.org/fancybox/jquery.fancybox.pack.js?v=2.0.4"></script>
+ <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>
- <!-- Optionaly include button and/or thumbnail helpers -->
- <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" />
- <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-buttons.js?v=2.0.4"></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>
- <link rel="stylesheet" href="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css" media="screen" />
- <script type="text/javascript" src="http://www.imagemagick.org/fancybox/helpers/jquery.fancybox-thumbs.js?v=2.0.4"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
+
<!-- ImageMagick style -->
- <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
<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">
//-->
</script>
<script type="text/javascript"
- src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+ src="http://localhost/pagead/show_ads.js">
</script>
</div>
<a href="../discourse-server">
<img src="../images/logo.jpg"
- alt="ImageMagick Logo"
+ alt="ImageMagick Logo" width="123" height="118"
style="width: 123px; height: 118px; border: 0px; float: right;" /></a>
-<a href="../index.html">
+<a href="http://www.imagemagick.org/ImageMagick-7.0.0/index.html">
<img src="../images/sprite.jpg"
- alt="ImageMagick Sprite"
+ 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="menu">
<a title="Binary Releases" href="binary-releases.html">Binary Releases</a>
<a title="Site Map: Links" href="links.html">Links</a>
</div>
<div class="sep"></div>
-<div class="menu">
- <a rel="follow" title="Sponsors" href="sponsors.html">Sponsors:</a>
-
- <a href="http://www.networkredux.com"> <img src="../images/networkredux.png" width="140" height="31" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a>
- <a href="http://www.dinodirect.com/ipads-tablets/"> <img src="../images/dino-direct.jpg" width="140" height="90" alt="[sponsor]" style="margin-top: 4px; margin-left: 4px; border: 0px; float: left;" /></a><!-- 201208010120 mickey@163... -->
-<div class="sponsbox">
-<div class="sponsor">
- <a rel="follow" title="Sponsor: The Fastest & Easiest Way to Find Images" href="http://www.graphicsfactory.com">The Fastest & Easiest Way to Find Images</a><!-- 201210010270 graphicsfac... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: VPS" href="http://www.interdominios.com/vps">VPS</a><!-- 201209010090 barsh@inter... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Werbebanner Werbeplane" href="http://www.allesbanner.de">Werbebanner Werbeplane</a><!-- 201212010450 info@druck... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Entertainment News & Photos" href="http://www.zimbio.com">Entertainment News & Photos</a><!-- 201211010540 bd@zimb... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: LED24" href="http://led24.de/">LED24</a><!-- 201207010270 info@led24... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Best Website Hosting" href="http://www.top-cheap-web-hosting.com">Best Website Hosting</a><!-- 201304010090 eunge.liu-->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Android Tablet" href="http://www.dinodirect.com/ipads-tablets/">Android Tablet</a><!-- 201208010120 mickey@163... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Web Site Hosting" href="http://webhostinggeeks.com">Web Site Hosting</a><!-- 201302010900 funds@enmob... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Premium Quality Stock Photos" href="http://www.f1online.pro/en/">Premium Quality Stock Photos</a><!-- 2012080100540 ... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Druckerei" href="http://print24.com/de/">Druckerei</a><!-- 2012070100250 ... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Managed Server" href="http://www.robhost.de">Managed Server</a><!-- 201210010720 klikics... -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Druckerei" href="http://www.allesdruck.de">Druckerei</a><!-- 201303011500 r.leo -->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Notebook Reparatur" href="http://www.notebook-reparaturen-berlin.de">Notebook Reparatur</a><!-- 2012080100300 atlas-multimedia-->
-</div>
-<div class="sponsor">
- <a rel="follow" title="Sponsor: Fototapete - Tapetendruck" href="http://www.druck-expert.com/Fototapete-Tapetendruck,category,8830.html">Fototapete - Tapetendruck</a><!-- 2012100100155 info@druck-->
-</div>
-</div>
-</div>
</div>
<div class="eastbar">
- <div class="g-plusone" id="gplusone"></div>
<script type="text/javascript">
+ /* <![CDATA[ */
window.___gcfg = {
lang: 'en-US'
};
(function() {
- var po = document.createElement('script');
- po.type = 'text/javascript'; po.async = true;
+ 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('script')[0];
+ 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","false");
+ 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 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>
+<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="api.html">program interfaces</a>. Use this command, for example, to render an arc:</p>
-<p class='crt'><span class="crtprompt"> $ </span><span class='crtin'>convert -size 100x60 canvas: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">
push graphic-context
<p>to render a pie chart with this command:</p>
-<p class='crt'><span class="crtprompt"> $ </span><span class='crtin'>convert piechart.mvg piechart.png</span></p>
+<p class='crt'><span class="crtprompt"> $magick> </span><span class='crtin'>convert piechart.mvg piechart.png</span></p>
<p>which produces this rendering:</p>
<p class="image">
<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"> $ </span><span class='crtin'>convert piechart.svg piechart.jpg</span></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>
- <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>
+ <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"></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"></a>border-color <em class="option">color</em></dt>
<dd></dd>
- <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>
+ <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>
</dd>
- <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="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"></a>fill <em class="option">color</em></dt>
<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>
<dd></dd>
- <dt class="doc"><a 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 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>
<dd></dd>
- <dt class="doc"><a 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>
</div>
<div id="linkbar">
- <span id="linkbar-west"> </span>
+ <span id="linkbar-west"> </span>
+
<span id="linkbar-center">
- <a href="../discourse-server">Discourse Server</a> •
- <a href="http://www.imagemagick.org/MagickStudio/scripts/MagickStudio.cgi">Studio</a>
+ <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-2013 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>
- <script type="text/javascript">
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-17690367-1']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
+ <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