Revision as of 12:55, 16 July 2009

Asymptote (Vector Graphics Language)
Getting Started - Basics - Drawing - Labeling - Filling - Useful functions - Examples - Macros and Packages Help - Reference - Advanced Asymptote - 3D Graphics - CSE5 Package - How to

Drawing

This is one of the most basic of asymptote elements.

Let us start off with the most basic of this basic command: drawing a dot.

To draw a dot, simply write the following code:

dot((0,0));

$[asy] dot((0,0)); [/asy]$

You can fix certain attributes to this dot, such as color:

dot((0,0),green);

$[asy] dot((0,0),green); [/asy]$

Now let's draw a path, or a line segment.

draw((0,0)--(5,5));

$[asy] draw((0,0)--(5,5)); [/asy]$

Once again, we can set certain attributes, such as color and linewidth, both at the same time.

draw((0,0)--(5,5),green+linewidth(1));

$[asy] draw((0,0)--(5,5),green+linewidth(1)); [/asy]$

Now if this diagram is too large, we can size it to be smaller:

size(100); draw((0,0)--(5,5),green+linewidth(1));

$[asy] size(100); draw((0,0)--(5,5),green+linewidth(1)); [/asy]$

We can also create multiple paths with one line, if we want a triangle or a square, for example:

draw((0,0)--(5,5)--(5,0)--cycle);

$[asy] draw((0,0)--(5,5)--(5,0)--cycle); [/asy]$

Note that this uses the cycle command, meaning the path returns to its original point, in this case (0,0).

@@ Line 1: / Line 1: @@
 {{Asymptote}}
 =Drawing=
+This is one of the most basic of asymptote elements.
+Let us start off with the most basic of this basic command: drawing a dot.
+To draw a dot, simply write the following code:
+<tt>
+dot((0,0));
+</tt>
+<asy>
+dot((0,0));
+</asy>
+You can fix certain attributes to this dot, such as color:
+<tt>
+dot((0,0),green);
+</tt>
+<asy>
+dot((0,0),green);
+</asy>
+Now let's draw a path, or a line segment.
+<tt>draw((0,0)--(5,5));</tt>
+<asy>
+draw((0,0)--(5,5));
+</asy>
+Once again, we can set certain attributes, such as color and linewidth, both at the same time.
+<tt>draw((0,0)--(5,5),green+linewidth(1));</tt>
+<asy>
+draw((0,0)--(5,5),green+linewidth(1));
+</asy>
+Now if this diagram is too large, we can size it to be smaller:
+<tt>
+size(100);
+draw((0,0)--(5,5),green+linewidth(1));</tt>
+<asy>
+size(100);
+draw((0,0)--(5,5),green+linewidth(1));
+</asy>
+We can also create multiple paths with one line, if we want a triangle or a square, for example:
+<tt>
+draw((0,0)--(5,5)--(5,0)--cycle);</tt>
+<asy>
+draw((0,0)--(5,5)--(5,0)--cycle);
+</asy>
+Note that this uses the cycle command, meaning the path returns to its original point, in this case (0,0).