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:
23:
04 +
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 line 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 line 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.line
</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">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">
48 <span class='line'
> 41</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">
49 <span class='line'
> 42</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">
50 <span class='line'
> 43</span>
51 <span class='line'
> 44</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
52 <span class='line'
> 45</span> * The interval ID used for invoking the drawing operation every few
53 <span class='line'
> 46</span> * milliseconds.
54 <span class='line'
> 47</span> *
55 <span class='line'
> 48</span> * @private
56 <span class='line'
> 49</span> * @see PaintWeb.config.toolDrawDelay
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">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">
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> * Tells if the
<kbd
>Shift
</kbd
> key is down or not. This is used by the
62 <span class='line'
> 55</span> * drawing function.
63 <span class='line'
> 56</span> *
64 <span class='line'
> 57</span> * @private
65 <span class='line'
> 58</span> * @type Boolean
66 <span class='line'
> 59</span> * @default false
67 <span class='line'
> 60</span> */
</span><span class=
"WHIT">
68 <span class='line'
> 61</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">
69 <span class='line'
> 62</span>
70 <span class='line'
> 63</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
71 <span class='line'
> 64</span> * Tells if the drawing canvas needs to be updated or not.
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">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">
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> * Holds the starting point on the
<var
>x
</var
> axis of the image, for the
81 <span class='line'
> 74</span> * current drawing operation.
82 <span class='line'
> 75</span> *
83 <span class='line'
> 76</span> * @private
84 <span class='line'
> 77</span> * @type Number
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">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">
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> * Holds the starting point on the
<var
>y
</var
> axis of the image, for the
90 <span class='line'
> 83</span> * current drawing operation.
91 <span class='line'
> 84</span> *
92 <span class='line'
> 85</span> * @private
93 <span class='line'
> 86</span> * @type Number
94 <span class='line'
> 87</span> */
</span><span class=
"WHIT">
95 <span class='line'
> 88</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">
96 <span class='line'
> 89</span>
97 <span class='line'
> 90</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
98 <span class='line'
> 91</span> * Tool deactivation event handler.
99 <span class='line'
> 92</span> */
</span><span class=
"WHIT">
100 <span class='line'
> 93</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">
101 <span class='line'
> 94</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">
102 <span class='line'
> 95</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">
103 <span class='line'
> 96</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">
104 <span class='line'
> 97</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
105 <span class='line'
> 98</span>
106 <span class='line'
> 99</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">
107 <span class='line'
>100</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">
108 <span class='line'
>101</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
109 <span class='line'
>102</span>
110 <span class='line'
>103</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">
111 <span class='line'
>104</span>
112 <span class='line'
>105</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">
113 <span class='line'
>106</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</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=
"COMM">/**
116 <span class='line'
>109</span> * Initialize the drawing operation, by storing the location of the pointer,
117 <span class='line'
>110</span> * the start position.
118 <span class='line'
>111</span> *
119 <span class='line'
>112</span> * @param {Event} ev The DOM Event object.
120 <span class='line'
>113</span> */
</span><span class=
"WHIT">
121 <span class='line'
>114</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">
122 <span class='line'
>115</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">
123 <span class='line'
>116</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">
124 <span class='line'
>117</span>
125 <span class='line'
>118</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">
126 <span class='line'
>119</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">
127 <span class='line'
>120</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
128 <span class='line'
>121</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">
129 <span class='line'
>122</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">
130 <span class='line'
>123</span>
131 <span class='line'
>124</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'lineMousedown'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
132 <span class='line'
>125</span>
133 <span class='line'
>126</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">
134 <span class='line'
>127</span> </span><span class=
"WHIT"> </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=
"COMM">/**
137 <span class='line'
>130</span> * Store the
<kbd
>Shift
</kbd
> key state which is used by the drawing function.
138 <span class='line'
>131</span> *
139 <span class='line'
>132</span> * @param {Event} ev The DOM Event object.
140 <span class='line'
>133</span> */
</span><span class=
"WHIT">
141 <span class='line'
>134</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">
142 <span class='line'
>135</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">
143 <span class='line'
>136</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">
144 <span class='line'
>137</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
145 <span class='line'
>138</span>
146 <span class='line'
>139</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
147 <span class='line'
>140</span> * Perform the drawing operation. This function is called every few
148 <span class='line'
>141</span> * milliseconds.
149 <span class='line'
>142</span> *
150 <span class='line'
>143</span> *
<p
>Hold down the
<kbd
>Shift
</kbd
> key to draw a straight
151 <span class='line'
>144</span> * horizontal/vertical line.
152 <span class='line'
>145</span> *
<p
>Press
<kbd
>Escape
</kbd
> to cancel the drawing operation.
153 <span class='line'
>146</span> *
154 <span class='line'
>147</span> * @see PaintWeb.config.toolDrawDelay
155 <span class='line'
>148</span> */
</span><span class=
"WHIT">
156 <span class='line'
>149</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">
157 <span class='line'
>150</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">
158 <span class='line'
>151</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
159 <span class='line'
>152</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
160 <span class='line'
>153</span>
161 <span class='line'
>154</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">
162 <span class='line'
>155</span>
163 <span class='line'
>156</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Snapping on the X/Y axis.
</span><span class=
"WHIT">
164 <span class='line'
>157</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">
165 <span class='line'
>158</span> </span><span class=
"WHIT"> </span><span class=
"NAME">snapXY
</span><span class=
"PUNC">(
</span><span class=
"NAME">x0
</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">
166 <span class='line'
>159</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
167 <span class='line'
>160</span>
168 <span class='line'
>161</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">
169 <span class='line'
>162</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.moveTo
</span><span class=
"PUNC">(
</span><span class=
"NAME">x0
</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">
170 <span class='line'
>163</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">
171 <span class='line'
>164</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">
172 <span class='line'
>165</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">
173 <span class='line'
>166</span>
174 <span class='line'
>167</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">
175 <span class='line'
>168</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
176 <span class='line'
>169</span>
177 <span class='line'
>170</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
178 <span class='line'
>171</span> * End the drawing operation, once the user releases the mouse button.
179 <span class='line'
>172</span> *
180 <span class='line'
>173</span> * @param {Event} ev The DOM Event object.
181 <span class='line'
>174</span> */
</span><span class=
"WHIT">
182 <span class='line'
>175</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">
183 <span class='line'
>176</span> </span><span class=
"WHIT"> </span><span class=
"COMM">// Allow users to click then drag, not only mousedown+drag+mouseup.
</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">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">
185 <span class='line'
>178</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">
186 <span class='line'
>179</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">
187 <span class='line'
>180</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
188 <span class='line'
>181</span>
189 <span class='line'
>182</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">
190 <span class='line'
>183</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">
191 <span class='line'
>184</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">
192 <span class='line'
>185</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
193 <span class='line'
>186</span>
194 <span class='line'
>187</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">
195 <span class='line'
>188</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">
196 <span class='line'
>189</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'lineActive'
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
197 <span class='line'
>190</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">
198 <span class='line'
>191</span>
199 <span class='line'
>192</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">
200 <span class='line'
>193</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</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">/**
203 <span class='line'
>196</span> * Allows the user to press
<kbd
>Escape
</kbd
> to cancel the drawing operation.
204 <span class='line'
>197</span> *
205 <span class='line'
>198</span> * @param {Event} ev The DOM Event object.
206 <span class='line'
>199</span> *
207 <span class='line'
>200</span> * @returns {Boolean} True if the drawing operation was cancelled, or false if
208 <span class='line'
>201</span> * not.
209 <span class='line'
>202</span> */
</span><span class=
"WHIT">
210 <span class='line'
>203</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">
211 <span class='line'
>204</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">
212 <span class='line'
>205</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">
213 <span class='line'
>206</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
214 <span class='line'
>207</span>
215 <span class='line'
>208</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">
216 <span class='line'
>209</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">
217 <span class='line'
>210</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">
218 <span class='line'
>211</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
219 <span class='line'
>212</span>
220 <span class='line'
>213</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">
221 <span class='line'
>214</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">
222 <span class='line'
>215</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">
223 <span class='line'
>216</span>
224 <span class='line'
>217</span> </span><span class=
"WHIT"> </span><span class=
"NAME">gui.statusShow
</span><span class=
"PUNC">(
</span><span class=
"STRN">'lineActive'
</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">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
227 <span class='line'
>220</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
228 <span class='line'
>221</span> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
229 <span class='line'
>222</span>
230 <span class='line'
>223</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">
231 <span class='line'
>224</span>
232 <span class='line'
>225</span> </span></pre></body></html>