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-
15 15:
25:
29 +
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 pencil 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 drawing pencil.
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.pencil
</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">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">
44 <span class='line'
> 37</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">
45 <span class='line'
> 38</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">
46 <span class='line'
> 39</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">
47 <span class='line'
> 40</span>
48 <span class='line'
> 41</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
49 <span class='line'
> 42</span> * The interval ID used for running the pencil drawing operation every few
50 <span class='line'
> 43</span> * milliseconds.
51 <span class='line'
> 44</span> *
52 <span class='line'
> 45</span> * @private
53 <span class='line'
> 46</span> * @see PaintWeb.config.toolDrawDelay
54 <span class='line'
> 47</span> */
</span><span class=
"WHIT">
55 <span class='line'
> 48</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">
56 <span class='line'
> 49</span>
57 <span class='line'
> 50</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
58 <span class='line'
> 51</span> * Holds the points needed to be drawn. Each point is added by the
59 <span class='line'
> 52</span> *
<code
>mousemove
</code
> event handler.
60 <span class='line'
> 53</span> *
61 <span class='line'
> 54</span> * @private
62 <span class='line'
> 55</span> * @type Array
63 <span class='line'
> 56</span> */
</span><span class=
"WHIT">
64 <span class='line'
> 57</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">
65 <span class='line'
> 58</span>
66 <span class='line'
> 59</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
67 <span class='line'
> 60</span> * Holds the last point on the
<var
>x
</var
> axis of the image, for the current
68 <span class='line'
> 61</span> * drawing operation.
69 <span class='line'
> 62</span> *
70 <span class='line'
> 63</span> * @private
71 <span class='line'
> 64</span> * @type Number
72 <span class='line'
> 65</span> */
</span><span class=
"WHIT">
73 <span class='line'
> 66</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">
74 <span class='line'
> 67</span>
75 <span class='line'
> 68</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
76 <span class='line'
> 69</span> * Holds the last point on the
<var
>y
</var
> axis of the image, for the current
77 <span class='line'
> 70</span> * drawing operation.
78 <span class='line'
> 71</span> *
79 <span class='line'
> 72</span> * @private
80 <span class='line'
> 73</span> * @type Number
81 <span class='line'
> 74</span> */
</span><span class=
"WHIT">
82 <span class='line'
> 75</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">
83 <span class='line'
> 76</span>
84 <span class='line'
> 77</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
85 <span class='line'
> 78</span> * Tool deactivation event handler.
86 <span class='line'
> 79</span> */
</span><span class=
"WHIT">
87 <span class='line'
> 80</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">
88 <span class='line'
> 81</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">
89 <span class='line'
> 82</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">
90 <span class='line'
> 83</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">
91 <span class='line'
> 84</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
92 <span class='line'
> 85</span>
93 <span class='line'
> 86</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">
94 <span class='line'
> 87</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">
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=
"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">
98 <span class='line'
> 91</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</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> * Initialize the drawing operation.
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.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=
"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=
"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">
105 <span class='line'
> 98</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">
106 <span class='line'
> 99</span>
107 <span class='line'
>100</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">
108 <span class='line'
>101</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">
109 <span class='line'
>102</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">app.config.toolDrawDelay
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
110 <span class='line'
>103</span> </span><span class=
"WHIT"> </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> * Save the mouse coordinates in the array.
117 <span class='line'
>110</span> */
</span><span class=
"WHIT">
118 <span class='line'
>111</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=
"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=
"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">
120 <span class='line'
>113</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points.push
</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">
121 <span class='line'
>114</span> </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=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
123 <span class='line'
>116</span>
124 <span class='line'
>117</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
125 <span class='line'
>118</span> * Draw the points in the stack. This function is called every few
126 <span class='line'
>119</span> * milliseconds.
127 <span class='line'
>120</span> *
128 <span class='line'
>121</span> * @see PaintWeb.config.toolDrawDelay
129 <span class='line'
>122</span> */
</span><span class=
"WHIT">
130 <span class='line'
>123</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">
131 <span class='line'
>124</span> </span><span class=
"WHIT"> </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">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">
132 <span class='line'
>125</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=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
133 <span class='line'
>126</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</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=
"WHIT">
135 <span class='line'
>128</span>
136 <span class='line'
>129</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">
137 <span class='line'
>130</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">
138 <span class='line'
>131</span>
139 <span class='line'
>132</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">while
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</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=
"PUNC">{
</span><span class=
"WHIT">
140 <span class='line'
>133</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">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">i
</span><span class=
"PUNC">++
</span><span class=
"PUNC">]
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
141 <span class='line'
>134</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">points
</span><span class=
"PUNC">[
</span><span class=
"NAME">i
</span><span class=
"PUNC">++
</span><span class=
"PUNC">]
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
142 <span class='line'
>135</span> </span><span class=
"WHIT"> </span><span class=
"NAME">context.lineTo
</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">
143 <span class='line'
>136</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
144 <span class='line'
>137</span>
145 <span class='line'
>138</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">
146 <span class='line'
>139</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">
147 <span class='line'
>140</span>
148 <span class='line'
>141</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">
149 <span class='line'
>142</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
150 <span class='line'
>143</span>
151 <span class='line'
>144</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
152 <span class='line'
>145</span> * End the drawing operation, once the user releases the mouse button.
153 <span class='line'
>146</span> */
</span><span class=
"WHIT">
154 <span class='line'
>147</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=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
155 <span class='line'
>148</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">
156 <span class='line'
>149</span> </span><span class=
"WHIT"> </span><span class=
"NAME">points.push
</span><span class=
"PUNC">(
</span><span class=
"NAME">x0
</span><span class=
"PUNC">+
</span><span class=
"NUMB">1</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">y0
</span><span class=
"PUNC">+
</span><span class=
"NUMB">1</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
157 <span class='line'
>150</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
158 <span class='line'
>151</span>
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=
"NAME">timer
</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=
"NAME">clearInterval
</span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
161 <span class='line'
>154</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">
162 <span class='line'
>155</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
163 <span class='line'
>156</span>
164 <span class='line'
>157</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">
165 <span class='line'
>158</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">
166 <span class='line'
>159</span>
167 <span class='line'
>160</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">
168 <span class='line'
>161</span> </span><span class=
"WHIT"> </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> * Allows the user to press
<kbd
>Escape
</kbd
> to cancel the drawing operation.
172 <span class='line'
>165</span> *
173 <span class='line'
>166</span> * @param {Event} ev The DOM Event object.
174 <span class='line'
>167</span> *
175 <span class='line'
>168</span> * @returns {Boolean} True if the drawing operation was cancelled, or false if
176 <span class='line'
>169</span> * not.
177 <span class='line'
>170</span> */
</span><span class=
"WHIT">
178 <span class='line'
>171</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">
179 <span class='line'
>172</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">
180 <span class='line'
>173</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">
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=
"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">
184 <span class='line'
>177</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">
185 <span class='line'
>178</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">
186 <span class='line'
>179</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
187 <span class='line'
>180</span>
188 <span class='line'
>181</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">
189 <span class='line'
>182</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">
190 <span class='line'
>183</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">
191 <span class='line'
>184</span>
192 <span class='line'
>185</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">
193 <span class='line'
>186</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
194 <span class='line'
>187</span> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
195 <span class='line'
>188</span>
196 <span class='line'
>189</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">
197 <span class='line'
>190</span>
198 <span class='line'
>191</span> </span></pre></body></html>