1 <html><head><meta http-equiv=
"content-type" content=
"text/html; charset=utf-8"> <style>
3 .COMM {color: #bbb; font-style: italic;}
7 .line {border-right:
1px dotted #
666; color: #
666; font-style: normal;}
8 </style></head><body><pre><span class='line'
> 1</span> <span class=
"COMM">/*
9 <span class='line'
> 2</span> * Copyright (C)
2008,
2009 Mihai Şucan
10 <span class='line'
> 3</span> *
11 <span class='line'
> 4</span> * This file is part of PaintWeb.
12 <span class='line'
> 5</span> *
13 <span class='line'
> 6</span> * PaintWeb is free software: you can redistribute it and/or modify
14 <span class='line'
> 7</span> * it under the terms of the GNU General Public License as published by
15 <span class='line'
> 8</span> * the Free Software Foundation, either version
3 of the License, or
16 <span class='line'
> 9</span> * (at your option) any later version.
17 <span class='line'
> 10</span> *
18 <span class='line'
> 11</span> * PaintWeb is distributed in the hope that it will be useful,
19 <span class='line'
> 12</span> * but WITHOUT ANY WARRANTY; without even the implied warranty of
20 <span class='line'
> 13</span> * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
21 <span class='line'
> 14</span> * GNU General Public License for more details.
22 <span class='line'
> 15</span> *
23 <span class='line'
> 16</span> * You should have received a copy of the GNU General Public License
24 <span class='line'
> 17</span> * along with PaintWeb. If not, see
<http://www.gnu.org/licenses
/>.
25 <span class='line'
> 18</span> *
26 <span class='line'
> 19</span> * $URL: http://code.google.com/p/paintweb $
27 <span class='line'
> 20</span> * $Date:
2009-
06-
11 20:
28:
07 +
0300 $
28 <span class='line'
> 21</span> */
</span><span class=
"WHIT">
29 <span class='line'
> 22</span>
30 <span class='line'
> 23</span> </span><span class=
"COMM">/**
31 <span class='line'
> 24</span> * @author
<a
lang=
"ro" href=
"http://www.robodesign.ro/mihai">Mihai Şucan
</a
>
32 <span class='line'
> 25</span> * @fileOverview Holds the polygon tool implementation.
33 <span class='line'
> 26</span> */
</span><span class=
"WHIT">
34 <span class='line'
> 27</span>
35 <span class='line'
> 28</span> </span><span class=
"COMM">/**
36 <span class='line'
> 29</span> * @class The polygon tool.
37 <span class='line'
> 30</span> *
38 <span class='line'
> 31</span> * @param {PaintWeb} app Reference to the main paint application object.
39 <span class='line'
> 32</span> */
</span><span class=
"WHIT">
40 <span class='line'
> 33</span> </span><span class=
"NAME">pwlib.tools.polygon
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">app
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
41 <span class='line'
> 34</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">_self
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">this
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
42 <span class='line'
> 35</span> </span><span class=
"WHIT"> </span><span class=
"NAME">clearInterval
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.win.clearInterval
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
43 <span class='line'
> 36</span> </span><span class=
"WHIT"> </span><span class=
"NAME">config
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.config
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
44 <span class='line'
> 37</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.buffer.context
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
45 <span class='line'
> 38</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.gui
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
46 <span class='line'
> 39</span> </span><span class=
"WHIT"> </span><span class=
"NAME">image
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.image
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
47 <span class='line'
> 40</span> </span><span class=
"WHIT"> </span><span class=
"NAME">MathAbs
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">Math.abs
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
48 <span class='line'
> 41</span> </span><span class=
"WHIT"> </span><span class=
"NAME">mouse
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.mouse
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
49 <span class='line'
> 42</span> </span><span class=
"WHIT"> </span><span class=
"NAME">setInterval
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.win.setInterval
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
50 <span class='line'
> 43</span> </span><span class=
"WHIT"> </span><span class=
"NAME">snapXY
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.toolSnapXY
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
51 <span class='line'
> 44</span>
52 <span class='line'
> 45</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
53 <span class='line'
> 46</span> * Holds the points in the polygon being drawn.
54 <span class='line'
> 47</span> *
55 <span class='line'
> 48</span> * @private
56 <span class='line'
> 49</span> * @type Array
57 <span class='line'
> 50</span> */
</span><span class=
"WHIT">
58 <span class='line'
> 51</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"PUNC">[
</span><span class=
"PUNC">]
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
59 <span class='line'
> 52</span>
60 <span class='line'
> 53</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
61 <span class='line'
> 54</span> * The interval ID used for invoking the drawing operation every few
62 <span class='line'
> 55</span> * milliseconds.
63 <span class='line'
> 56</span> *
64 <span class='line'
> 57</span> * @private
65 <span class='line'
> 58</span> * @see PaintWeb.config.toolDrawDelay
66 <span class='line'
> 59</span> */
</span><span class=
"WHIT">
67 <span class='line'
> 60</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">timer
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">null
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
68 <span class='line'
> 61</span>
69 <span class='line'
> 62</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
70 <span class='line'
> 63</span> * Tells if the
<kbd
>Shift
</kbd
> key is down or not. This is used by the
71 <span class='line'
> 64</span> * drawing function.
72 <span class='line'
> 65</span> *
73 <span class='line'
> 66</span> * @private
74 <span class='line'
> 67</span> * @type Boolean
75 <span class='line'
> 68</span> * @default false
76 <span class='line'
> 69</span> */
</span><span class=
"WHIT">
77 <span class='line'
> 70</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">shiftKey
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
78 <span class='line'
> 71</span>
79 <span class='line'
> 72</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
80 <span class='line'
> 73</span> * Tells if the drawing canvas needs to be updated or not.
81 <span class='line'
> 74</span> *
82 <span class='line'
> 75</span> * @private
83 <span class='line'
> 76</span> * @type Boolean
84 <span class='line'
> 77</span> * @default false
85 <span class='line'
> 78</span> */
</span><span class=
"WHIT">
86 <span class='line'
> 79</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
87 <span class='line'
> 80</span>
88 <span class='line'
> 81</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
89 <span class='line'
> 82</span> * The tool deactivation method, used for clearing the buffer.
90 <span class='line'
> 83</span> */
</span><span class=
"WHIT">
91 <span class='line'
> 84</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.deactivate
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
92 <span class='line'
> 85</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
93 <span class='line'
> 86</span> </span><span class=
"WHIT"> </span><span class=
"NAME">clearInterval
</span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
94 <span class='line'
> 87</span> </span><span class=
"WHIT"> </span><span class=
"NAME">timer
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">null
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
95 <span class='line'
> 88</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
96 <span class='line'
> 89</span>
97 <span class='line'
> 90</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">points.length
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
98 <span class='line'
> 91</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.clearRect
</span><span class=
"PUNC">(
</span><span class=
"NUMB">0</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NUMB">0</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">image.width
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">image.height
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
99 <span class='line'
> 92</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
100 <span class='line'
> 93</span>
101 <span class='line'
> 94</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
102 <span class='line'
> 95</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"PUNC">[
</span><span class=
"PUNC">]
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
103 <span class='line'
> 96</span>
104 <span class='line'
> 97</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
105 <span class='line'
> 98</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
106 <span class='line'
> 99</span>
107 <span class='line'
>100</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
108 <span class='line'
>101</span> * The
<code
>mousedown
</code
> event handler.
109 <span class='line'
>102</span> *
110 <span class='line'
>103</span> * @param {Event} ev The DOM Event object.
111 <span class='line'
>104</span> * @returns {Boolean} True if the event handler executed, or false if not.
112 <span class='line'
>105</span> */
</span><span class=
"WHIT">
113 <span class='line'
>106</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.mousedown
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
114 <span class='line'
>107</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">points.length
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NUMB">0</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
115 <span class='line'
>108</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points.push
</span><span class=
"PUNC">(
</span><span class=
"PUNC">[
</span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
116 <span class='line'
>109</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
117 <span class='line'
>110</span>
118 <span class='line'
>111</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"PUNC">!
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
119 <span class='line'
>112</span> </span><span class=
"WHIT"> </span><span class=
"NAME">timer
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">setInterval
</span><span class=
"PUNC">(
</span><span class=
"NAME">_self.draw
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">config.toolDrawDelay
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
120 <span class='line'
>113</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
121 <span class='line'
>114</span>
122 <span class='line'
>115</span> </span><span class=
"WHIT"> </span><span class=
"NAME">shiftKey
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">ev.shiftKey
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
123 <span class='line'
>116</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
124 <span class='line'
>117</span>
125 <span class='line'
>118</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'polygonMousedown'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
126 <span class='line'
>119</span>
127 <span class='line'
>120</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
128 <span class='line'
>121</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
129 <span class='line'
>122</span>
130 <span class='line'
>123</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
131 <span class='line'
>124</span> * Store the
<kbd
>Shift
</kbd
> key state which is used by the drawing function.
132 <span class='line'
>125</span> *
133 <span class='line'
>126</span> * @param {Event} ev The DOM Event object.
134 <span class='line'
>127</span> */
</span><span class=
"WHIT">
135 <span class='line'
>128</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.mousemove
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
136 <span class='line'
>129</span> </span><span class=
"WHIT"> </span><span class=
"NAME">shiftKey
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">ev.shiftKey
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
137 <span class='line'
>130</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
138 <span class='line'
>131</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
139 <span class='line'
>132</span>
140 <span class='line'
>133</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
141 <span class='line'
>134</span> * Draw the polygon.
142 <span class='line'
>135</span> *
143 <span class='line'
>136</span> * @see PaintWeb.config.toolDrawDelay
144 <span class='line'
>137</span> */
</span><span class=
"WHIT">
145 <span class='line'
>138</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.draw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
146 <span class='line'
>139</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"PUNC">!
</span><span class=
"NAME">needsRedraw
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
147 <span class='line'
>140</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
148 <span class='line'
>141</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
149 <span class='line'
>142</span>
150 <span class='line'
>143</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">points.length
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
151 <span class='line'
>144</span>
152 <span class='line'
>145</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"PUNC">!
</span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">||
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NUMB">1</span><span class=
"WHIT"> </span><span class=
"PUNC">&&
</span><span class=
"WHIT"> </span><span class=
"PUNC">!
</span><span class=
"NAME">mouse.buttonDown
</span><span class=
"PUNC">)
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
153 <span class='line'
>146</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
154 <span class='line'
>147</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
155 <span class='line'
>148</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
156 <span class='line'
>149</span>
157 <span class='line'
>150</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Snapping on the X/Y axis for the current point (if available).
</span><span class=
"WHIT">
158 <span class='line'
>151</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.buttonDown
</span><span class=
"WHIT"> </span><span class=
"PUNC">&&
</span><span class=
"WHIT"> </span><span class=
"NAME">shiftKey
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
159 <span class='line'
>152</span> </span><span class=
"WHIT"> </span><span class=
"NAME">snapXY
</span><span class=
"PUNC">(
</span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
160 <span class='line'
>153</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
161 <span class='line'
>154</span>
162 <span class='line'
>155</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.clearRect
</span><span class=
"PUNC">(
</span><span class=
"NUMB">0</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NUMB">0</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">image.width
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">image.height
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
163 <span class='line'
>156</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.beginPath
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
164 <span class='line'
>157</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.moveTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
165 <span class='line'
>158</span>
166 <span class='line'
>159</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Draw the path of the polygon
</span><span class=
"WHIT">
167 <span class='line'
>160</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">for
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">i
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NUMB">0</span><span class=
"PUNC">;
</span><span class=
"WHIT"> </span><span class=
"NAME">i
</span><span class=
"WHIT"> </span><span class=
"PUNC"><</span><span class=
"WHIT"> </span><span class=
"NAME">n
</span><span class=
"PUNC">;
</span><span class=
"WHIT"> </span><span class=
"NAME">i
</span><span class=
"PUNC">++
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
168 <span class='line'
>161</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.lineTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">i
</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">i
</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
169 <span class='line'
>162</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
170 <span class='line'
>163</span>
171 <span class='line'
>164</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.buttonDown
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
172 <span class='line'
>165</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.lineTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
173 <span class='line'
>166</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
174 <span class='line'
>167</span>
175 <span class='line'
>168</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">config.shapeType
</span><span class=
"WHIT"> </span><span class=
"PUNC">!=
</span><span class=
"WHIT"> </span><span class=
"STRN">'stroke'
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
176 <span class='line'
>169</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.fill
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
177 <span class='line'
>170</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
178 <span class='line'
>171</span>
179 <span class='line'
>172</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// In the case where we only have a straight line, draw a stroke even if no
</span><span class=
"WHIT">
180 <span class='line'
>173</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// stroke should be drawn, such that the user has better visual feedback.
</span><span class=
"WHIT">
181 <span class='line'
>174</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">config.shapeType
</span><span class=
"WHIT"> </span><span class=
"PUNC">!=
</span><span class=
"WHIT"> </span><span class=
"STRN">'fill'
</span><span class=
"WHIT"> </span><span class=
"PUNC">||
</span><span class=
"WHIT"> </span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NUMB">1</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
182 <span class='line'
>175</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.stroke
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
183 <span class='line'
>176</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
184 <span class='line'
>177</span>
185 <span class='line'
>178</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.closePath
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
186 <span class='line'
>179</span>
187 <span class='line'
>180</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
188 <span class='line'
>181</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
189 <span class='line'
>182</span>
190 <span class='line'
>183</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
191 <span class='line'
>184</span> * The
<code
>mouseup
</code
> event handler.
192 <span class='line'
>185</span> *
193 <span class='line'
>186</span> * @param {Event} ev The DOM Event object.
194 <span class='line'
>187</span> * @returns {Boolean} True if the event handler executed, or false if not.
195 <span class='line'
>188</span> */
</span><span class=
"WHIT">
196 <span class='line'
>189</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.mouseup
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
197 <span class='line'
>190</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">points.length
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
198 <span class='line'
>191</span>
199 <span class='line'
>192</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Allow click+mousemove+click, not only mousedown+mousemove+mouseup.
</span><span class=
"WHIT">
200 <span class='line'
>193</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Do this only for the first point in the polygon.
</span><span class=
"WHIT">
201 <span class='line'
>194</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NUMB">1</span><span class=
"WHIT"> </span><span class=
"PUNC">&&
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.x
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"WHIT"> </span><span class=
"PUNC">&&
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.y
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
202 <span class='line'
>195</span> </span><span class=
"WHIT"> </span><span class=
"NAME">mouse.buttonDown
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
203 <span class='line'
>196</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
204 <span class='line'
>197</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
205 <span class='line'
>198</span>
206 <span class='line'
>199</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
207 <span class='line'
>200</span> </span><span class=
"WHIT"> </span><span class=
"NAME">clearInterval
</span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
208 <span class='line'
>201</span> </span><span class=
"WHIT"> </span><span class=
"NAME">timer
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">null
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
209 <span class='line'
>202</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
210 <span class='line'
>203</span>
211 <span class='line'
>204</span> </span><span class=
"WHIT"> </span><span class=
"NAME">shiftKey
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">ev.shiftKey
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
212 <span class='line'
>205</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
213 <span class='line'
>206</span>
214 <span class='line'
>207</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev.shiftKey
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
215 <span class='line'
>208</span> </span><span class=
"WHIT"> </span><span class=
"NAME">snapXY
</span><span class=
"PUNC">(
</span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
216 <span class='line'
>209</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
217 <span class='line'
>210</span>
218 <span class='line'
>211</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">diffx1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathAbs
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.x
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
219 <span class='line'
>212</span> </span><span class=
"WHIT"> </span><span class=
"NAME">diffy1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathAbs
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.y
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
220 <span class='line'
>213</span> </span><span class=
"WHIT"> </span><span class=
"NAME">diffx2
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathAbs
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.x
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
221 <span class='line'
>214</span> </span><span class=
"WHIT"> </span><span class=
"NAME">diffy2
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathAbs
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.y
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">n
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">[
</span><span class=
"NUMB">1</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
222 <span class='line'
>215</span>
223 <span class='line'
>216</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// End the polygon if the new point is close enough to the first/last point.
</span><span class=
"WHIT">
224 <span class='line'
>217</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"PUNC">(
</span><span class=
"NAME">diffx1
</span><span class=
"WHIT"> </span><span class=
"PUNC"><</span><span class=
"WHIT"> </span><span class=
"NUMB">5</span><span class=
"WHIT"> </span><span class=
"PUNC">&&
</span><span class=
"WHIT"> </span><span class=
"NAME">diffy1
</span><span class=
"WHIT"> </span><span class=
"PUNC"><</span><span class=
"WHIT"> </span><span class=
"NUMB">5</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">||
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">diffx2
</span><span class=
"WHIT"> </span><span class=
"PUNC"><</span><span class=
"WHIT"> </span><span class=
"NUMB">5</span><span class=
"WHIT"> </span><span class=
"PUNC">&&
</span><span class=
"WHIT"> </span><span class=
"NAME">diffy2
</span><span class=
"WHIT"> </span><span class=
"PUNC"><</span><span class=
"WHIT"> </span><span class=
"NUMB">5</span><span class=
"PUNC">)
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
225 <span class='line'
>218</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Add the start point to complete the polygon shape.
</span><span class=
"WHIT">
226 <span class='line'
>219</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points.push
</span><span class=
"PUNC">(
</span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
227 <span class='line'
>220</span>
228 <span class='line'
>221</span> </span><span class=
"WHIT"> </span><span class=
"NAME">_self.draw
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
229 <span class='line'
>222</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"PUNC">[
</span><span class=
"PUNC">]
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
230 <span class='line'
>223</span>
231 <span class='line'
>224</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'polygonActive'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
232 <span class='line'
>225</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.layerUpdate
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
233 <span class='line'
>226</span>
234 <span class='line'
>227</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
235 <span class='line'
>228</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
236 <span class='line'
>229</span>
237 <span class='line'
>230</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">></span><span class=
"WHIT"> </span><span class=
"NUMB">3</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
238 <span class='line'
>231</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'polygonEnd'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
239 <span class='line'
>232</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT"> </span><span class=
"KEYW">else
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
240 <span class='line'
>233</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'polygonAddPoint'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
241 <span class='line'
>234</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
242 <span class='line'
>235</span>
243 <span class='line'
>236</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points.push
</span><span class=
"PUNC">(
</span><span class=
"PUNC">[
</span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
244 <span class='line'
>237</span> </span><span class=
"WHIT"> </span><span class=
"NAME">_self.draw
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
245 <span class='line'
>238</span>
246 <span class='line'
>239</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
247 <span class='line'
>240</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
248 <span class='line'
>241</span>
249 <span class='line'
>242</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
250 <span class='line'
>243</span> * The
<code
>keydown
</code
> event handler. This method allows the user to
251 <span class='line'
>244</span> * cancel drawing the current polygon, using the
<kbd
>Escape
</kbd
> key. The
252 <span class='line'
>245</span> *
<kbd
>Enter
</kbd
> key can be used to accept the current polygon shape, and
253 <span class='line'
>246</span> * end the drawing operation.
254 <span class='line'
>247</span> *
255 <span class='line'
>248</span> * @param {Event} ev The DOM Event object.
256 <span class='line'
>249</span> *
257 <span class='line'
>250</span> * @returns {Boolean} True if the keyboard shortcut was recognized, or false
258 <span class='line'
>251</span> * if not.
259 <span class='line'
>252</span> */
</span><span class=
"WHIT">
260 <span class='line'
>253</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.keydown
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
261 <span class='line'
>254</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">points.length
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
262 <span class='line'
>255</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"PUNC">!
</span><span class=
"NAME">n
</span><span class=
"WHIT"> </span><span class=
"PUNC">||
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev.kid_
</span><span class=
"WHIT"> </span><span class=
"PUNC">!=
</span><span class=
"WHIT"> </span><span class=
"STRN">'Escape'
</span><span class=
"WHIT"> </span><span class=
"PUNC">&&
</span><span class=
"WHIT"> </span><span class=
"NAME">ev.kid_
</span><span class=
"WHIT"> </span><span class=
"PUNC">!=
</span><span class=
"WHIT"> </span><span class=
"STRN">'Enter'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
263 <span class='line'
>256</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
264 <span class='line'
>257</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
265 <span class='line'
>258</span>
266 <span class='line'
>259</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
267 <span class='line'
>260</span> </span><span class=
"WHIT"> </span><span class=
"NAME">clearInterval
</span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
268 <span class='line'
>261</span> </span><span class=
"WHIT"> </span><span class=
"NAME">timer
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">null
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
269 <span class='line'
>262</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
270 <span class='line'
>263</span> </span><span class=
"WHIT"> </span><span class=
"NAME">mouse.buttonDown
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
271 <span class='line'
>264</span>
272 <span class='line'
>265</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev.kid_
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"STRN">'Escape'
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
273 <span class='line'
>266</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.clearRect
</span><span class=
"PUNC">(
</span><span class=
"NUMB">0</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NUMB">0</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">image.width
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">image.height
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
274 <span class='line'
>267</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
275 <span class='line'
>268</span>
276 <span class='line'
>269</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT"> </span><span class=
"KEYW">else
</span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">ev.kid_
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"STRN">'Enter'
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
277 <span class='line'
>270</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Add the point of the last mousemove event, and the start point, to
</span><span class=
"WHIT">
278 <span class='line'
>271</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// complete the polygon.
</span><span class=
"WHIT">
279 <span class='line'
>272</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points.push
</span><span class=
"PUNC">(
</span><span class=
"PUNC">[
</span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
280 <span class='line'
>273</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points.push
</span><span class=
"PUNC">(
</span><span class=
"NAME">points
</span><span class=
"PUNC">[
</span><span class=
"NUMB">0</span><span class=
"PUNC">]
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
281 <span class='line'
>274</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsRedraw
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
282 <span class='line'
>275</span> </span><span class=
"WHIT"> </span><span class=
"NAME">_self.draw
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
283 <span class='line'
>276</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.layerUpdate
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
284 <span class='line'
>277</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
285 <span class='line'
>278</span>
286 <span class='line'
>279</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"PUNC">[
</span><span class=
"PUNC">]
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
287 <span class='line'
>280</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'polygonActive'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
288 <span class='line'
>281</span>
289 <span class='line'
>282</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
290 <span class='line'
>283</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
291 <span class='line'
>284</span> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
292 <span class='line'
>285</span>
293 <span class='line'
>286</span> </span><span class=
"COMM">// vim:set spell spl=en fo=wan1croqlt tw=
80 ts=
2 sw=
2 sts=
2 sta et ai cin fenc=utf-
8 ff=unix:
</span><span class=
"WHIT">
294 <span class='line'
>287</span>
295 <span class='line'
>288</span> </span></pre></body></html>