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-
07-
01 18:
44:
56 +
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 ellipse 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 ellipse 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.ellipse
</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">MathMax
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">Math.max
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
48 <span class='line'
> 41</span> </span><span class=
"WHIT"> </span><span class=
"NAME">MathMin
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">Math.min
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
49 <span class='line'
> 42</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">
50 <span class='line'
> 43</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">
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> * The interval ID used for invoking the drawing operation every few
54 <span class='line'
> 47</span> * milliseconds.
55 <span class='line'
> 48</span> *
56 <span class='line'
> 49</span> * @private
57 <span class='line'
> 50</span> * @see PaintWeb.config.toolDrawDelay
58 <span class='line'
> 51</span> */
</span><span class=
"WHIT">
59 <span class='line'
> 52</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">
60 <span class='line'
> 53</span>
61 <span class='line'
> 54</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
62 <span class='line'
> 55</span> * Tells if the
<kbd
>Shift
</kbd
> key is down or not. This is used by the
63 <span class='line'
> 56</span> * drawing function.
64 <span class='line'
> 57</span> *
65 <span class='line'
> 58</span> * @private
66 <span class='line'
> 59</span> * @type Boolean
67 <span class='line'
> 60</span> * @default false
68 <span class='line'
> 61</span> */
</span><span class=
"WHIT">
69 <span class='line'
> 62</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">
70 <span class='line'
> 63</span>
71 <span class='line'
> 64</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
72 <span class='line'
> 65</span> * Tells if the drawing canvas needs to be updated or not.
73 <span class='line'
> 66</span> *
74 <span class='line'
> 67</span> * @private
75 <span class='line'
> 68</span> * @type Boolean
76 <span class='line'
> 69</span> * @default false
77 <span class='line'
> 70</span> */
</span><span class=
"WHIT">
78 <span class='line'
> 71</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">
79 <span class='line'
> 72</span>
80 <span class='line'
> 73</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">K
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NUMB">4</span><span class=
"PUNC">*
</span><span class=
"PUNC">(
</span><span class=
"PUNC">(
</span><span class=
"NAME">Math.SQRT2
</span><span class=
"PUNC">-
</span><span class=
"NUMB">1</span><span class=
"PUNC">)
</span><span class=
"PUNC">/
</span><span class=
"NUMB">3</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
81 <span class='line'
> 74</span>
82 <span class='line'
> 75</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
83 <span class='line'
> 76</span> * Holds the starting point on the
<var
>x
</var
> axis of the image, for the
84 <span class='line'
> 77</span> * current drawing operation.
85 <span class='line'
> 78</span> *
86 <span class='line'
> 79</span> * @private
87 <span class='line'
> 80</span> * @type Number
88 <span class='line'
> 81</span> */
</span><span class=
"WHIT">
89 <span class='line'
> 82</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">x0
</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">
90 <span class='line'
> 83</span>
91 <span class='line'
> 84</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
92 <span class='line'
> 85</span> * Holds the starting point on the
<var
>y
</var
> axis of the image, for the
93 <span class='line'
> 86</span> * current drawing operation.
94 <span class='line'
> 87</span> *
95 <span class='line'
> 88</span> * @private
96 <span class='line'
> 89</span> * @type Number
97 <span class='line'
> 90</span> */
</span><span class=
"WHIT">
98 <span class='line'
> 91</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">y0
</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">
99 <span class='line'
> 92</span>
100 <span class='line'
> 93</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
101 <span class='line'
> 94</span> * Tool deactivation event handler.
102 <span class='line'
> 95</span> */
</span><span class=
"WHIT">
103 <span class='line'
> 96</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">
104 <span class='line'
> 97</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">
105 <span class='line'
> 98</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">
106 <span class='line'
> 99</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">
107 <span class='line'
>100</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
108 <span class='line'
>101</span>
109 <span class='line'
>102</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">
110 <span class='line'
>103</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">
111 <span class='line'
>104</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
112 <span class='line'
>105</span>
113 <span class='line'
>106</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">
114 <span class='line'
>107</span>
115 <span class='line'
>108</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">
116 <span class='line'
>109</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</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=
"COMM">/**
119 <span class='line'
>112</span> * Initialize the drawing operation.
120 <span class='line'
>113</span> *
121 <span class='line'
>114</span> * @param {Event} ev The DOM Event object.
122 <span class='line'
>115</span> */
</span><span class=
"WHIT">
123 <span class='line'
>116</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">
124 <span class='line'
>117</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// The mouse start position
</span><span class=
"WHIT">
125 <span class='line'
>118</span> </span><span class=
"WHIT"> </span><span class=
"NAME">x0
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
126 <span class='line'
>119</span> </span><span class=
"WHIT"> </span><span class=
"NAME">y0
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
127 <span class='line'
>120</span>
128 <span class='line'
>121</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">
129 <span class='line'
>122</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">
130 <span class='line'
>123</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
131 <span class='line'
>124</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">
132 <span class='line'
>125</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">
133 <span class='line'
>126</span>
134 <span class='line'
>127</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'ellipseMousedown'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
135 <span class='line'
>128</span>
136 <span class='line'
>129</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">
137 <span class='line'
>130</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
138 <span class='line'
>131</span>
139 <span class='line'
>132</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
140 <span class='line'
>133</span> * Store the
<kbd
>Shift
</kbd
> key state which is used by the drawing function.
141 <span class='line'
>134</span> *
142 <span class='line'
>135</span> * @param {Event} ev The DOM Event object.
143 <span class='line'
>136</span> */
</span><span class=
"WHIT">
144 <span class='line'
>137</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">
145 <span class='line'
>138</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">
146 <span class='line'
>139</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">
147 <span class='line'
>140</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
148 <span class='line'
>141</span>
149 <span class='line'
>142</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
150 <span class='line'
>143</span> * Perform the drawing operation. This function is called every few
151 <span class='line'
>144</span> * milliseconds.
152 <span class='line'
>145</span> *
153 <span class='line'
>146</span> *
<p
>Hold down the
<kbd
>Shift
</kbd
> key to draw a circle.
154 <span class='line'
>147</span> *
<p
>Press
<kbd
>Escape
</kbd
> to cancel the drawing operation.
155 <span class='line'
>148</span> *
156 <span class='line'
>149</span> * @see PaintWeb.config.toolDrawDelay
157 <span class='line'
>150</span> */
</span><span class=
"WHIT">
158 <span class='line'
>151</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=
"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=
"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">
160 <span class='line'
>153</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
161 <span class='line'
>154</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
162 <span class='line'
>155</span>
163 <span class='line'
>156</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">
164 <span class='line'
>157</span>
165 <span class='line'
>158</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx0
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathMin
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">x0
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
166 <span class='line'
>159</span> </span><span class=
"WHIT"> </span><span class=
"NAME">rectx1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathMax
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">x0
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
167 <span class='line'
>160</span> </span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathMin
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">y0
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
168 <span class='line'
>161</span> </span><span class=
"WHIT"> </span><span class=
"NAME">recty1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">MathMax
</span><span class=
"PUNC">(
</span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">y0
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
169 <span class='line'
>162</span>
170 <span class='line'
>163</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/*
171 <span class='line'
>164</span> ABCD - rectangle
172 <span class='line'
>165</span> A(rectx0, recty0), B(rectx1, recty0), C(rectx1, recty1), D(rectx0, recty1)
173 <span class='line'
>166</span> */
</span><span class=
"WHIT">
174 <span class='line'
>167</span>
175 <span class='line'
>168</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">w
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx1
</span><span class=
"PUNC">-
</span><span class=
"NAME">rectx0
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
176 <span class='line'
>169</span> </span><span class=
"WHIT"> </span><span class=
"NAME">h
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">recty1
</span><span class=
"PUNC">-
</span><span class=
"NAME">recty0
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
177 <span class='line'
>170</span>
178 <span class='line'
>171</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">w
</span><span class=
"WHIT"> </span><span class=
"PUNC">||
</span><span class=
"WHIT"> </span><span class=
"PUNC">!
</span><span class=
"NAME">h
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
179 <span class='line'
>172</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">
180 <span class='line'
>173</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
181 <span class='line'
>174</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
182 <span class='line'
>175</span>
183 <span class='line'
>176</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Constrain the ellipse to be a circle
</span><span class=
"WHIT">
184 <span class='line'
>177</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">shiftKey
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
185 <span class='line'
>178</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">w
</span><span class=
"WHIT"> </span><span class=
"PUNC">></span><span class=
"WHIT"> </span><span class=
"NAME">h
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
186 <span class='line'
>179</span> </span><span class=
"WHIT"> </span><span class=
"NAME">recty1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"PUNC">+
</span><span class=
"NAME">w
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
187 <span class='line'
>180</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">recty0
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.y
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
188 <span class='line'
>181</span> </span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">w
</span><span class=
"PUNC">-
</span><span class=
"NAME">h
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
189 <span class='line'
>182</span> </span><span class=
"WHIT"> </span><span class=
"NAME">recty1
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">w
</span><span class=
"PUNC">-
</span><span class=
"NAME">h
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
190 <span class='line'
>183</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
191 <span class='line'
>184</span> </span><span class=
"WHIT"> </span><span class=
"NAME">h
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">w
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
192 <span class='line'
>185</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">
193 <span class='line'
>186</span> </span><span class=
"WHIT"> </span><span class=
"NAME">rectx1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx0
</span><span class=
"PUNC">+
</span><span class=
"NAME">h
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
194 <span class='line'
>187</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"NAME">rectx0
</span><span class=
"WHIT"> </span><span class=
"PUNC">==
</span><span class=
"WHIT"> </span><span class=
"NAME">mouse.x
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
195 <span class='line'
>188</span> </span><span class=
"WHIT"> </span><span class=
"NAME">rectx0
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">h
</span><span class=
"PUNC">-
</span><span class=
"NAME">w
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
196 <span class='line'
>189</span> </span><span class=
"WHIT"> </span><span class=
"NAME">rectx1
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">h
</span><span class=
"PUNC">-
</span><span class=
"NAME">w
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
197 <span class='line'
>190</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
198 <span class='line'
>191</span> </span><span class=
"WHIT"> </span><span class=
"NAME">w
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">h
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
199 <span class='line'
>192</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
200 <span class='line'
>193</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
201 <span class='line'
>194</span>
202 <span class='line'
>195</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Ellipse radius
</span><span class=
"WHIT">
203 <span class='line'
>196</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">rx
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">w
</span><span class=
"PUNC">/
</span><span class=
"NUMB">2</span><span class=
"PUNC">,
</span><span class=
"WHIT">
204 <span class='line'
>197</span> </span><span class=
"WHIT"> </span><span class=
"NAME">ry
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">h
</span><span class=
"PUNC">/
</span><span class=
"NUMB">2</span><span class=
"PUNC">;
</span><span class=
"WHIT">
205 <span class='line'
>198</span>
206 <span class='line'
>199</span> </span><span class=
"COMM">// Ellipse center
</span><span class=
"WHIT">
207 <span class='line'
>200</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">cx
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx0
</span><span class=
"PUNC">+
</span><span class=
"NAME">rx
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
208 <span class='line'
>201</span> </span><span class=
"WHIT"> </span><span class=
"NAME">cy
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"PUNC">+
</span><span class=
"NAME">ry
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
209 <span class='line'
>202</span>
210 <span class='line'
>203</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Ellipse radius*Kappa, for the Bézier curve control points
</span><span class=
"WHIT">
211 <span class='line'
>204</span> </span><span class=
"WHIT"> </span><span class=
"NAME">rx
</span><span class=
"WHIT"> </span><span class=
"PUNC">*
</span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">K
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
212 <span class='line'
>205</span> </span><span class=
"WHIT"> </span><span class=
"NAME">ry
</span><span class=
"WHIT"> </span><span class=
"PUNC">*
</span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">K
</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=
"NAME">context.beginPath
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
215 <span class='line'
>208</span>
216 <span class='line'
>209</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// startX, startY
</span><span class=
"WHIT">
217 <span class='line'
>210</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.moveTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">cx
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
218 <span class='line'
>211</span>
219 <span class='line'
>212</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Control points: cp1x, cp1y, cp2x, cp2y, destx, desty
</span><span class=
"WHIT">
220 <span class='line'
>213</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// go clockwise: top-middle, right-middle, bottom-middle, then left-middle
</span><span class=
"WHIT">
221 <span class='line'
>214</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.bezierCurveTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">cx
</span><span class=
"WHIT"> </span><span class=
"PUNC">+
</span><span class=
"WHIT"> </span><span class=
"NAME">rx
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx1
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cy
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">ry
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx1
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cy
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
222 <span class='line'
>215</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.bezierCurveTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">rectx1
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cy
</span><span class=
"WHIT"> </span><span class=
"PUNC">+
</span><span class=
"WHIT"> </span><span class=
"NAME">ry
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cx
</span><span class=
"WHIT"> </span><span class=
"PUNC">+
</span><span class=
"WHIT"> </span><span class=
"NAME">rx
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">recty1
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cx
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">recty1
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
223 <span class='line'
>216</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.bezierCurveTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">cx
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">rx
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">recty1
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx0
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cy
</span><span class=
"WHIT"> </span><span class=
"PUNC">+
</span><span class=
"WHIT"> </span><span class=
"NAME">ry
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">rectx0
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cy
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
224 <span class='line'
>217</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.bezierCurveTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">rectx0
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cy
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">ry
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cx
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">rx
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">cx
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">recty0
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
225 <span class='line'
>218</span>
226 <span class='line'
>219</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">
227 <span class='line'
>220</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">
228 <span class='line'
>221</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
229 <span class='line'
>222</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=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
230 <span class='line'
>223</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">
231 <span class='line'
>224</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
232 <span class='line'
>225</span>
233 <span class='line'
>226</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">
234 <span class='line'
>227</span>
235 <span class='line'
>228</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">
236 <span class='line'
>229</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
237 <span class='line'
>230</span>
238 <span class='line'
>231</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
239 <span class='line'
>232</span> * End the drawing operation, once the user releases the mouse button.
240 <span class='line'
>233</span> *
241 <span class='line'
>234</span> * @param {Event} ev The DOM Event object.
242 <span class='line'
>235</span> */
</span><span class=
"WHIT">
243 <span class='line'
>236</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">
244 <span class='line'
>237</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Allow click+mousemove, not only mousedown+move+up
</span><span class=
"WHIT">
245 <span class='line'
>238</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </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">x0
</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">y0
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
246 <span class='line'
>239</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">
247 <span class='line'
>240</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">
248 <span class='line'
>241</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
249 <span class='line'
>242</span>
250 <span class='line'
>243</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">
251 <span class='line'
>244</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">
252 <span class='line'
>245</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">
253 <span class='line'
>246</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
254 <span class='line'
>247</span>
255 <span class='line'
>248</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">
256 <span class='line'
>249</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">
257 <span class='line'
>250</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">
258 <span class='line'
>251</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'ellipseActive'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
259 <span class='line'
>252</span>
260 <span class='line'
>253</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">
261 <span class='line'
>254</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
262 <span class='line'
>255</span>
263 <span class='line'
>256</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
264 <span class='line'
>257</span> * Allows the user to press
<kbd
>Escape
</kbd
> to cancel the drawing operation.
265 <span class='line'
>258</span> *
266 <span class='line'
>259</span> * @param {Event} ev The DOM Event object.
267 <span class='line'
>260</span> *
268 <span class='line'
>261</span> * @returns {Boolean} True if the drawing operation was cancelled, or false if
269 <span class='line'
>262</span> * not.
270 <span class='line'
>263</span> */
</span><span class=
"WHIT">
271 <span class='line'
>264</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">
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=
"PUNC">!
</span><span class=
"NAME">mouse.buttonDown
</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">'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=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
274 <span class='line'
>267</span> </span><span class=
"WHIT"> </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=
"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">
277 <span class='line'
>270</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">
278 <span class='line'
>271</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">
279 <span class='line'
>272</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
280 <span class='line'
>273</span>
281 <span class='line'
>274</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">
282 <span class='line'
>275</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">
283 <span class='line'
>276</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">
284 <span class='line'
>277</span>
285 <span class='line'
>278</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'ellipseActive'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
286 <span class='line'
>279</span>
287 <span class='line'
>280</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">
288 <span class='line'
>281</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
289 <span class='line'
>282</span> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
290 <span class='line'
>283</span>
291 <span class='line'
>284</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">
292 <span class='line'
>285</span>
293 <span class='line'
>286</span> </span></pre></body></html>