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 20:
27:
08 +
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 hand 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 hand tool. This tool allows the user to drag the image canvas
37 <span class='line'
> 30</span> * inside the viewport.
38 <span class='line'
> 31</span> *
39 <span class='line'
> 32</span> * @param {PaintWeb} app Reference to the main paint application object.
40 <span class='line'
> 33</span> */
</span><span class=
"WHIT">
41 <span class='line'
> 34</span> </span><span class=
"NAME">pwlib.tools.hand
</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">
42 <span class='line'
> 35</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">
43 <span class='line'
> 36</span> </span><span class=
"WHIT"> </span><span class=
"NAME">bufferCanvas
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.buffer.canvas
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
44 <span class='line'
> 37</span> </span><span class=
"WHIT"> </span><span class=
"NAME">bufferStyle
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">bufferCanvas.style
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
45 <span class='line'
> 38</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">
46 <span class='line'
> 39</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">
47 <span class='line'
> 40</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">
48 <span class='line'
> 41</span> </span><span class=
"WHIT"> </span><span class=
"NAME">MathRound
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">Math.round
</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">viewport
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.gui.elems.viewport
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
51 <span class='line'
> 44</span> </span><span class=
"WHIT"> </span><span class=
"NAME">vheight
</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">
52 <span class='line'
> 45</span> </span><span class=
"WHIT"> </span><span class=
"NAME">vwidth
</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">
53 <span class='line'
> 46</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">
54 <span class='line'
> 47</span>
55 <span class='line'
> 48</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
56 <span class='line'
> 49</span> * The interval ID used for invoking the viewport drag operation every few
57 <span class='line'
> 50</span> * milliseconds.
58 <span class='line'
> 51</span> *
59 <span class='line'
> 52</span> * @private
60 <span class='line'
> 53</span> * @see PaintWeb.config.toolDrawDelay
61 <span class='line'
> 54</span> */
</span><span class=
"WHIT">
62 <span class='line'
> 55</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">
63 <span class='line'
> 56</span>
64 <span class='line'
> 57</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
65 <span class='line'
> 58</span> * Tells if the viewport needs to be scrolled.
66 <span class='line'
> 59</span> *
67 <span class='line'
> 60</span> * @private
68 <span class='line'
> 61</span> * @type Boolean
69 <span class='line'
> 62</span> * @default false
70 <span class='line'
> 63</span> */
</span><span class=
"WHIT">
71 <span class='line'
> 64</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">needsScroll
</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">
72 <span class='line'
> 65</span>
73 <span class='line'
> 66</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
74 <span class='line'
> 67</span> * Holds the previous tool ID.
75 <span class='line'
> 68</span> *
76 <span class='line'
> 69</span> * @private
77 <span class='line'
> 70</span> * @type String
78 <span class='line'
> 71</span> */
</span><span class=
"WHIT">
79 <span class='line'
> 72</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.prevTool
</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">
80 <span class='line'
> 73</span>
81 <span class='line'
> 74</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"> </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">
82 <span class='line'
> 75</span> </span><span class=
"WHIT"> </span><span class=
"NAME">x1
</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">y1
</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> </span><span class=
"WHIT"> </span><span class=
"NAME">l0
</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">t0
</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">
84 <span class='line'
> 77</span>
85 <span class='line'
> 78</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
86 <span class='line'
> 79</span> * Tool preactivation event handler.
87 <span class='line'
> 80</span> *
88 <span class='line'
> 81</span> * @returns {Boolean} True if the tool can become active, or false if not.
89 <span class='line'
> 82</span> */
</span><span class=
"WHIT">
90 <span class='line'
> 83</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.preActivate
</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">
91 <span class='line'
> 84</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">viewport
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
92 <span class='line'
> 85</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
93 <span class='line'
> 86</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
94 <span class='line'
> 87</span>
95 <span class='line'
> 88</span> </span><span class=
"WHIT"> </span><span class=
"NAME">_self.prevTool
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.tool._id
</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">// Check if the image canvas can be scrolled within the viewport.
</span><span class=
"WHIT">
98 <span class='line'
> 91</span>
99 <span class='line'
> 92</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">var
</span><span class=
"WHIT"> </span><span class=
"NAME">cs
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">app.win.getComputedStyle
</span><span class=
"PUNC">(
</span><span class=
"NAME">viewport
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"KEYW">null
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
100 <span class='line'
> 93</span> </span><span class=
"WHIT"> </span><span class=
"NAME">bwidth
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">parseInt
</span><span class=
"PUNC">(
</span><span class=
"NAME">bufferStyle.width
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
101 <span class='line'
> 94</span> </span><span class=
"WHIT"> </span><span class=
"NAME">bheight
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">parseInt
</span><span class=
"PUNC">(
</span><span class=
"NAME">bufferStyle.height
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
102 <span class='line'
> 95</span>
103 <span class='line'
> 96</span> </span><span class=
"WHIT"> </span><span class=
"NAME">vwidth
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">parseInt
</span><span class=
"PUNC">(
</span><span class=
"NAME">cs.width
</span><span class=
"PUNC">)
</span><span class=
"PUNC">,
</span><span class=
"WHIT">
104 <span class='line'
> 97</span> </span><span class=
"WHIT"> </span><span class=
"NAME">vheight
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">parseInt
</span><span class=
"PUNC">(
</span><span class=
"NAME">cs.height
</span><span class=
"PUNC">)
</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">vheight
</span><span class=
"WHIT"> </span><span class=
"PUNC"><</span><span class=
"WHIT"> </span><span class=
"NAME">bheight
</span><span class=
"WHIT"> </span><span class=
"PUNC">||
</span><span class=
"WHIT"> </span><span class=
"NAME">vwidth
</span><span class=
"WHIT"> </span><span class=
"PUNC"><</span><span class=
"WHIT"> </span><span class=
"NAME">bwidth
</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=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">true
</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"> </span><span class=
"KEYW">else
</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=
"KEYW">return
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</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> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</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=
"COMM">/**
114 <span class='line'
>107</span> * Tool activation event handler.
115 <span class='line'
>108</span> */
</span><span class=
"WHIT">
116 <span class='line'
>109</span> </span><span class=
"WHIT"> </span><span class=
"NAME">this.activate
</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">
117 <span class='line'
>110</span> </span><span class=
"WHIT"> </span><span class=
"NAME">bufferStyle.cursor
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"STRN">'move'
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
118 <span class='line'
>111</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.shadowDisallow
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
119 <span class='line'
>112</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
120 <span class='line'
>113</span>
121 <span class='line'
>114</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
122 <span class='line'
>115</span> * Tool deactivation event handler.
123 <span class='line'
>116</span> */
</span><span class=
"WHIT">
124 <span class='line'
>117</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=
"NAME">ev
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
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=
"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">clearInterval
</span><span class=
"PUNC">(
</span><span class=
"NAME">timer
</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=
"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">
128 <span class='line'
>121</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.doc.removeEventListener
</span><span class=
"PUNC">(
</span><span class=
"STRN">'mousemove'
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mousemove
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
129 <span class='line'
>122</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.doc.removeEventListener
</span><span class=
"PUNC">(
</span><span class=
"STRN">'mouseup'
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mouseup
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</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>
132 <span class='line'
>125</span> </span><span class=
"WHIT"> </span><span class=
"NAME">bufferStyle.cursor
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"STRN">''
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
133 <span class='line'
>126</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.shadowAllow
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</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> * Initialize the canvas drag.
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.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">
142 <span class='line'
>135</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">ev.clientX
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
143 <span class='line'
>136</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">ev.clientY
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
144 <span class='line'
>137</span> </span><span class=
"WHIT"> </span><span class=
"NAME">l0
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">viewport.scrollLeft
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
145 <span class='line'
>138</span> </span><span class=
"WHIT"> </span><span class=
"NAME">t0
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">viewport.scrollTop
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
146 <span class='line'
>139</span>
147 <span class='line'
>140</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsScroll
</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">
148 <span class='line'
>141</span>
149 <span class='line'
>142</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.doc.addEventListener
</span><span class=
"PUNC">(
</span><span class=
"STRN">'mousemove'
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mousemove
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
150 <span class='line'
>143</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.doc.addEventListener
</span><span class=
"PUNC">(
</span><span class=
"STRN">'mouseup'
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mouseup
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
151 <span class='line'
>144</span>
152 <span class='line'
>145</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">if
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</span><span class=
"PUNC">!
</span><span class=
"NAME">timer
</span><span class=
"PUNC">)
</span><span class=
"WHIT"> </span><span class=
"PUNC">{
</span><span class=
"WHIT">
153 <span class='line'
>146</span> </span><span class=
"WHIT"> </span><span class=
"NAME">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">viewportScroll
</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">
154 <span class='line'
>147</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
155 <span class='line'
>148</span>
156 <span class='line'
>149</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">
157 <span class='line'
>150</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</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=
"COMM">/**
160 <span class='line'
>153</span> * The
<code
>mousemove
</code
> event handler. This simply stores the current
161 <span class='line'
>154</span> * mouse location.
162 <span class='line'
>155</span> *
163 <span class='line'
>156</span> * @param {Event} ev The DOM Event object.
164 <span class='line'
>157</span> */
</span><span class=
"WHIT">
165 <span class='line'
>158</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mousemove
</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">
166 <span class='line'
>159</span> </span><span class=
"WHIT"> </span><span class=
"NAME">x1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">ev.clientX
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
167 <span class='line'
>160</span> </span><span class=
"WHIT"> </span><span class=
"NAME">y1
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">ev.clientY
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
168 <span class='line'
>161</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsScroll
</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">
169 <span class='line'
>162</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
170 <span class='line'
>163</span>
171 <span class='line'
>164</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
172 <span class='line'
>165</span> * Perform the canvas drag operation. This function is called every few
173 <span class='line'
>166</span> * milliseconds.
174 <span class='line'
>167</span> *
175 <span class='line'
>168</span> *
<p
>Press
<kbd
>Escape
</kbd
> to stop dragging and to get back to the previous
176 <span class='line'
>169</span> * tool.
177 <span class='line'
>170</span> */
</span><span class=
"WHIT">
178 <span class='line'
>171</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"NAME">viewportScroll
</span><span class=
"WHIT"> </span><span class=
"PUNC">(
</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=
"NAME">needsScroll
</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=
"NAME">viewport.scrollTop
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">t0
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">y1
</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">
181 <span class='line'
>174</span> </span><span class=
"WHIT"> </span><span class=
"NAME">viewport.scrollLeft
</span><span class=
"WHIT"> </span><span class=
"PUNC">=
</span><span class=
"WHIT"> </span><span class=
"NAME">l0
</span><span class=
"WHIT"> </span><span class=
"PUNC">-
</span><span class=
"WHIT"> </span><span class=
"NAME">x1
</span><span class=
"WHIT"> </span><span class=
"PUNC">+
</span><span class=
"WHIT"> </span><span class=
"NAME">x0
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
182 <span class='line'
>175</span> </span><span class=
"WHIT"> </span><span class=
"NAME">needsScroll
</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">
183 <span class='line'
>176</span> </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=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
185 <span class='line'
>178</span>
186 <span class='line'
>179</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
187 <span class='line'
>180</span> * The
<code
>mouseup
</code
> event handler.
188 <span class='line'
>181</span> */
</span><span class=
"WHIT">
189 <span class='line'
>182</span> </span><span class=
"WHIT"> </span><span class=
"KEYW">function
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mouseup
</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">
190 <span class='line'
>183</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">
191 <span class='line'
>184</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">
192 <span class='line'
>185</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">
193 <span class='line'
>186</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
194 <span class='line'
>187</span>
195 <span class='line'
>188</span> </span><span class=
"WHIT"> </span><span class=
"NAME">ev_mousemove
</span><span class=
"PUNC">(
</span><span class=
"NAME">ev
</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">viewportScroll
</span><span class=
"PUNC">(
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
197 <span class='line'
>190</span>
198 <span class='line'
>191</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.doc.removeEventListener
</span><span class=
"PUNC">(
</span><span class=
"STRN">'mousemove'
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mousemove
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
199 <span class='line'
>192</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.doc.removeEventListener
</span><span class=
"PUNC">(
</span><span class=
"STRN">'mouseup'
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">ev_mouseup
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"KEYW">false
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
200 <span class='line'
>193</span>
201 <span class='line'
>194</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">
202 <span class='line'
>195</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
203 <span class='line'
>196</span>
204 <span class='line'
>197</span> </span><span class=
"WHIT"> </span><span class=
"COMM">/**
205 <span class='line'
>198</span> * Allows the user to press
<kbd
>Escape
</kbd
> to stop dragging the canvas, and
206 <span class='line'
>199</span> * to return to the previous tool.
207 <span class='line'
>200</span> *
208 <span class='line'
>201</span> * @param {Event} ev The DOM Event object.
209 <span class='line'
>202</span> *
210 <span class='line'
>203</span> * @returns {Boolean} True if the key was recognized, or false if not.
211 <span class='line'
>204</span> */
</span><span class=
"WHIT">
212 <span class='line'
>205</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">
213 <span class='line'
>206</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">_self.prevTool
</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">
214 <span class='line'
>207</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">
215 <span class='line'
>208</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"WHIT">
216 <span class='line'
>209</span>
217 <span class='line'
>210</span> </span><span class=
"WHIT"> </span><span class=
"NAME">app.toolActivate
</span><span class=
"PUNC">(
</span><span class=
"NAME">_self.prevTool
</span><span class=
"PUNC">,
</span><span class=
"WHIT"> </span><span class=
"NAME">ev
</span><span class=
"PUNC">)
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
218 <span class='line'
>211</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">
219 <span class='line'
>212</span> </span><span class=
"WHIT"> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
220 <span class='line'
>213</span> </span><span class=
"PUNC">}
</span><span class=
"PUNC">;
</span><span class=
"WHIT">
221 <span class='line'
>214</span>
222 <span class='line'
>215</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">
223 <span class='line'
>216</span>
224 <span class='line'
>217</span> </span></pre></body></html>