~ubuntu-branches/ubuntu/precise/ipe/precise

« back to all changes in this revision

Viewing changes to doc/manual_27.html

  • Committer: Bazaar Package Importer
  • Author(s): Steve M. Robbins
  • Date: 2004-06-08 00:44:02 UTC
  • Revision ID: james.westby@ubuntu.com-20040608004402-72yu51xlh7vt6p9m
Tags: upstream-6.0pre16
ImportĀ upstreamĀ versionĀ 6.0pre16

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<?xml version="1.0" encoding="UTF-8"?>
 
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 
3
   "DTD/xhtml1-transitional.dtd">
 
4
<html xmlns="http://www.w3.org/1999/xhtml">
 
5
<!-- XML file produced from file: manual.tex
 
6
     using Hyperlatex v 2.6 (c) Otfried Cheong
 
7
     on Emacs 21.3.2, Sat Jun  5 10:52:31 2004 -->
 
8
<head>
 
9
<title>Ipe Manual -- 6.5 Examples</title>
 
10
 
 
11
<style type="text/css">
 
12
.maketitle { align : center }
 
13
div.abstract { margin-left: 20%; margin-right: 10%; }
 
14
h3.abstract  { align : center }
 
15
div.verse, div.quote, div.quotation {
 
16
  margin-left : 10%; 
 
17
  margin-right : 10%;
 
18
}
 
19
</style>
 
20
 
 
21
<META HTTP-EQUIV="Content-Type" 
 
22
        content="text/html; charset=UTF-8">
 
23
</head>
 
24
<body bgcolor="#ffffe6">
 
25
<table width="100%" cellpadding=0 cellspacing=2><tr><td bgcolor="#99ccff"><img alt="" src="blank.png"></td><td bgcolor="#99ccff"><a href="manual_22.html"><img border="0" alt="6 Snapping" src="up.png"></a></td><td bgcolor="#99ccff"><a href="manual_26.html"><img border="0" alt="6.4 Interaction of the snapping modes" src="previous.png"></a></td><td align="center" bgcolor="#99ccff" width="100%"><b>6.5 Examples</b></td></tr></table>
 
26
<h2>6.5 Examples</h2>
 
27
 
 
28
<p>It takes some time and practice to feel fully at ease with the different
 
29
snapping modes, especially angular snapping. Here are some examples
 
30
showing what can be done with angular snapping.
 
31
 
 
32
<h4><a name="id1">Example 1:</a></h4>
 
33
 
 
34
We are given segments <i>s<sub>1</sub></i>, <i>s<sub>2</sub></i>, and <i>e</i>, and we want
 
35
to add the dashed vertical extensions through <i>p</i> and <i>q</i>.
 
36
<div align="center"><p>
 
37
  <img alt="" src="example1.png">
 
38
</p></div>
 
39
<ul class="menu"><li>set <kbd>F4</kbd> and <kbd>F5</kbd> snapping on, go into <em>line</em> mode, and
 
40
  reset axis system with <kbd>Shift-F1</kbd>,
 
41
<li>go near <i>p</i>, press <kbd>F1</kbd> and <kbd>F8</kbd> to set origin and
 
42
  to turn on angular snap.
 
43
<li>go near <i>p'</i>, click left, and extend segment to <i>s<sub>2</sub></i>.
 
44
<li>go near <i>q</i>, press <kbd>F1</kbd> to reset origin, and draw second
 
45
  extension in the same way.
 
46
</ul>
 
47
 
 
48
<h4><a name="id2">Example 2:</a></h4>
 
49
We are given the polygon <i>C</i>, and we want to draw the bracket
 
50
<i>b</i>, indicating its vertical extension.
 
51
<div align="center"><p>
 
52
  <img alt="" src="example2.png">
 
53
</p></div>
 
54
<ul class="menu"><li>set <kbd>F4</kbd> and <kbd>F9</kbd> snapping on, go into <em>line</em> mode, reset
 
55
  axis system, set snap angle to
 
56
90 degrees.
 
57
<li>go near <i>p</i>, press <kbd>F1</kbd> and <kbd>F8</kbd> to set origin and
 
58
  angular snapping
 
59
<li>go to <i>x</i>, click left, extend segment to <i>y</i>, click left
 
60
<li>now we want to have <i>z</i> on a horizontal line through <i>q</i>:
 
61
  go near <i>q</i>, and press <kbd>F1</kbd> and <kbd>F8</kbd> to reset origin
 
62
  and to turn on angular snapping. Now both angular snapping modes are
 
63
  on, the snap lines intersect in <i>z</i>.
 
64
<li>click left at <i>z</i>, goto <i>x</i> and press <kbd>F1</kbd>, goto
 
65
  <i>t</i> and finish bracket.
 
66
</ul>
 
67
 
 
68
<h4><a name="id3">Example 3:</a></h4>
 
69
We want to draw the following "skyline". The only problem is to get
 
70
<i>q</i> horizontally aligned with <i>p</i>.
 
71
<div align="center"><p>
 
72
  <img alt="" src="example3.png">
 
73
</p></div>
 
74
<ul class="menu"><li>draw the baseline using automatic angular snapping to get it
 
75
horizontal.
 
76
<li>place <i>p</i> with boundary snapping, draw the rectilinear curve up to
 
77
<i>r</i> with automatic angular snapping in
 
78
90 degrees mode.
 
79
<li>now go to <i>p</i> and press <kbd>F1</kbd> and <kbd>F8</kbd>. The snap lines
 
80
intersect in <i>q</i>. Click there, turn off angular snapping with
 
81
<kbd>Shift-F1</kbd>, and finish curve.  The last point is placed with
 
82
boundary snapping.
 
83
</ul>
 
84
 
 
85
<h4><a name="id4">Example 4:</a></h4>
 
86
 
 
87
We want to draw a line through <i>p</i>, tangent to <i>C</i> in
 
88
<i>q</i>.
 
89
<div align="center"><p>
 
90
  <img alt="" src="example4.png">
 
91
</p></div>
 
92
<ul class="menu"><li>with vertex snapping on, put origin at <i>p</i> with <kbd>F1</kbd>
 
93
<li>go to <i>q</i> and press <kbd>F2</kbd>. This puts the base direction from
 
94
  <i>p</i> to <i>q</i>.
 
95
<li>set angular snapping with <kbd>F8</kbd> and draw line.
 
96
</ul>
 
97
 
 
98
<h4><a name="id5">Example 5:</a></h4>
 
99
We want to draw the following "windmill".  The angle of the sector and
 
100
between sectors should be
 
101
30 degrees.
 
102
<div align="center"><p>
 
103
  <img alt="" src="example5.png">
 
104
</p></div>
 
105
<ul class="menu"><li>set vertex snapping, snap angle to
 
106
30 degrees,
 
107
reset axis system with <kbd>Shift-F1</kbd>,
 
108
<li>with automatic angular snapping, draw a horizontal segment <i>pq</i>.
 
109
<li>go to <i>p</i>, place origin and turn on angular snapping with
 
110
<kbd>F1</kbd> and <kbd>F8</kbd>,
 
111
<li>duplicate segment with <kbd>d</kbd>, go to <i>q</i> and pick up <i>q</i> for
 
112
rotation (with Ctrl and the middle mouse button).  Rotate until
 
113
segment falls on the next snap line.
 
114
<li>turn off angular snapping with <kbd>F8</kbd>. Choose arc mode, variant
 
115
"center &#38; two points".
 
116
<li>go to <i>p</i>, click for center. Go to <i>q</i>, click for first
 
117
endpoint of arc, and at <i>r</i> for the second endpoint. Select all,
 
118
and group.
 
119
<li>turn angular snapping on again. Duplicate sector, and rotate by
 
120
60 degrees
 
121
using angular snapping.
 
122
<li>duplicate and rotate four more times.
 
123
</ul>
 
124
 
 
125
<h4><a name="id6">Example 6:</a></h4>
 
126
 
 
127
 
 
128
We want to draw a <i>c</i>-oriented polygon, where the angles between
 
129
successive segments are multiples of
 
130
30 degrees.
 
131
The automatic angular snapping mode makes this pretty easy, but there is a
 
132
little catch: How do we place the ultimate vertex such that it is at the
 
133
same time properly aligned to the penultimate and to the very first vertex?
 
134
<div align="center"><p>
 
135
  <img alt="" src="example6.png">
 
136
</p></div>
 
137
<ul class="menu"><li>set snap angle to
 
138
30 degrees,
 
139
and turn on automatic angular snapping.
 
140
<li>click first vertex <i>p</i> and draw the polygon up to the penultimate
 
141
vertex <i>q</i>.
 
142
<li>it remains to place <i>r</i> such that it is in a legal position both
 
143
with respect to <i>q</i> and <i>p</i>. The automatic angular snapping
 
144
mode ensures the position with respect to&nbsp;<i>q</i>. We will use
 
145
angular snapping from&nbsp;<i>p</i> to get it right: Go near <i>p</i> and
 
146
turn on vertex snapping. Press <kbd>F1</kbd> to place the origin
 
147
at&nbsp;<i>p</i> and <kbd>F8</kbd> to turn on angular snapping. Now it is
 
148
trivial to place&nbsp;<i>r</i>.
 
149
</ul>
 
150
<hr />
 
151
<table width="100%" cellpadding=0 cellspacing=2><tr><td bgcolor="#99ccff"><img alt="" src="blank.png"></td><td bgcolor="#99ccff"><a href="manual_22.html"><img border="0" alt="6 Snapping" src="up.png"></a></td><td bgcolor="#99ccff"><a href="manual_26.html"><img border="0" alt="6.4 Interaction of the snapping modes" src="previous.png"></a></td><td align="center" bgcolor="#99ccff" width="100%"><b>6.5 Examples</b></td></tr></table></body></html>