|
525
|
1 |
/* |
|
|
2 |
YUI 3.10.3 (build 2fb5187) |
|
|
3 |
Copyright 2013 Yahoo! Inc. All rights reserved. |
|
|
4 |
Licensed under the BSD License. |
|
|
5 |
http://yuilibrary.com/license/ |
|
|
6 |
*/ |
|
|
7 |
|
|
|
8 |
YUI.add('anim-shape', function (Y, NAME) { |
|
|
9 |
|
|
|
10 |
/** |
|
|
11 |
* Adds support for the <code>transform</code> attribute of <code>Graphic</code> |
|
|
12 |
* <code>Shape</code> instances. |
|
|
13 |
* @module anim |
|
|
14 |
* @submodule anim-shape-transform |
|
|
15 |
* @deprecated Use anim-shape instead. |
|
|
16 |
*/ |
|
|
17 |
/** |
|
|
18 |
* Adds support for the <code>transform</code> and <code>fill</code> attributes of <code>Graphic</code> |
|
|
19 |
* and <code>Shape</code> instances. The <code>anim-shape</code> submodule can be used for all animations |
|
|
20 |
* involving <code>Graphic</code> <code>Shape</code> attributes. |
|
|
21 |
* |
|
|
22 |
* @module anim |
|
|
23 |
* @submodule anim-shape |
|
|
24 |
*/ |
|
|
25 |
var NUM = Number, |
|
|
26 |
TO, |
|
|
27 |
TOSTRING, |
|
|
28 |
COLOR = "color", |
|
|
29 |
STOPS = "stops", |
|
|
30 |
TYPE = "type", |
|
|
31 |
GETUPDATEDSTOPS = function(anim, from, to, elapsed, duration, fn) |
|
|
32 |
{ |
|
|
33 |
var i = 0, |
|
|
34 |
getUpdatedColorValue = Y.Anim.getUpdatedColorValue, |
|
|
35 |
toStop, |
|
|
36 |
fromStop, |
|
|
37 |
prop, |
|
|
38 |
len = to.length, |
|
|
39 |
stops = [], |
|
|
40 |
stop; |
|
|
41 |
for(; i < len; i = i + 1) |
|
|
42 |
{ |
|
|
43 |
toStop = to[i]; |
|
|
44 |
fromStop = from[i]; |
|
|
45 |
stop = {}; |
|
|
46 |
for(prop in toStop) |
|
|
47 |
{ |
|
|
48 |
if(toStop.hasOwnProperty(prop)) |
|
|
49 |
{ |
|
|
50 |
if(prop === COLOR) |
|
|
51 |
{ |
|
|
52 |
stop[prop] = Y.Color.toHex(getUpdatedColorValue( |
|
|
53 |
Y.Color.toHex(fromStop[prop]), |
|
|
54 |
Y.Color.toHex(toStop[prop]), |
|
|
55 |
elapsed, |
|
|
56 |
duration, |
|
|
57 |
fn |
|
|
58 |
)); |
|
|
59 |
} |
|
|
60 |
else |
|
|
61 |
{ |
|
|
62 |
stop[prop] = fn(elapsed, NUM(fromStop[prop]), NUM(toStop[prop]) - NUM(fromStop[prop]), duration); |
|
|
63 |
} |
|
|
64 |
} |
|
|
65 |
} |
|
|
66 |
stops.push(stop); |
|
|
67 |
} |
|
|
68 |
return stops; |
|
|
69 |
}, |
|
|
70 |
FILLANDSTROKEBEHAVIOR = { |
|
|
71 |
set: function(anim, att, from, to, elapsed, duration, fn) { |
|
|
72 |
var i, |
|
|
73 |
updated = {}, |
|
|
74 |
getUpdatedColorValue = Y.Anim.getUpdatedColorValue, |
|
|
75 |
getUpdatedStops = GETUPDATEDSTOPS; |
|
|
76 |
for(i in to) |
|
|
77 |
{ |
|
|
78 |
if(to.hasOwnProperty(i) && i !== TYPE) |
|
|
79 |
{ |
|
|
80 |
switch(i) |
|
|
81 |
{ |
|
|
82 |
case COLOR : |
|
|
83 |
updated[i] = getUpdatedColorValue(from[i], to[i], elapsed, duration, fn); |
|
|
84 |
break; |
|
|
85 |
case STOPS : |
|
|
86 |
updated[i] = getUpdatedStops(anim, from[i], to[i], elapsed, duration, fn); |
|
|
87 |
break; |
|
|
88 |
default : |
|
|
89 |
updated[i] = fn(elapsed, NUM(from[i]), NUM(to[i]) - NUM(from[i]), duration); |
|
|
90 |
break; |
|
|
91 |
} |
|
|
92 |
} |
|
|
93 |
} |
|
|
94 |
anim._node.set(att, updated); |
|
|
95 |
} |
|
|
96 |
}; |
|
|
97 |
Y.Anim.behaviors.fill = FILLANDSTROKEBEHAVIOR; |
|
|
98 |
Y.Anim.behaviors.stroke = FILLANDSTROKEBEHAVIOR; |
|
|
99 |
|
|
|
100 |
Y.Anim.behaviors.transform = { |
|
|
101 |
set: function(anim, att, from, to, elapsed, duration, fn) { |
|
|
102 |
var node = anim._node, |
|
|
103 |
transform = "", |
|
|
104 |
transformTo, |
|
|
105 |
transformFrom, |
|
|
106 |
toArgs, |
|
|
107 |
fromArgs, |
|
|
108 |
i = 0, |
|
|
109 |
j, |
|
|
110 |
argLen, |
|
|
111 |
len; |
|
|
112 |
to = TO; |
|
|
113 |
len = TO.length; |
|
|
114 |
for(; i < len; ++i) |
|
|
115 |
{ |
|
|
116 |
toArgs = to[i].concat(); |
|
|
117 |
fromArgs = from[i].concat(); |
|
|
118 |
transformTo = toArgs.shift(); |
|
|
119 |
transformFrom = fromArgs.shift(); |
|
|
120 |
argLen = toArgs.length; |
|
|
121 |
transform += transformTo + "("; |
|
|
122 |
for(j = 0; j < argLen; ++j) |
|
|
123 |
{ |
|
|
124 |
transform += fn(elapsed, NUM(fromArgs[j]), NUM(toArgs[j]) - NUM(fromArgs[j]), duration); |
|
|
125 |
if(j < argLen - 1) |
|
|
126 |
{ |
|
|
127 |
transform += ", "; |
|
|
128 |
} |
|
|
129 |
} |
|
|
130 |
transform += ");"; |
|
|
131 |
} |
|
|
132 |
if(transform) |
|
|
133 |
{ |
|
|
134 |
node.set('transform', transform); |
|
|
135 |
} |
|
|
136 |
node._transform = TOSTRING; |
|
|
137 |
}, |
|
|
138 |
|
|
|
139 |
get: function(anim) { |
|
|
140 |
var node = anim._node, |
|
|
141 |
fromMatrix = node.matrix, |
|
|
142 |
toString = anim.get("to").transform, |
|
|
143 |
fromString = node.get("transform"), |
|
|
144 |
toArray = Y.MatrixUtil.getTransformArray(toString), |
|
|
145 |
fromArray = fromString ? Y.MatrixUtil.getTransformArray(fromString) : null, |
|
|
146 |
toMatrix, |
|
|
147 |
i, |
|
|
148 |
len, |
|
|
149 |
transformFunction, |
|
|
150 |
from; |
|
|
151 |
if(toArray) |
|
|
152 |
{ |
|
|
153 |
if(!fromArray || fromArray.length < 1) |
|
|
154 |
{ |
|
|
155 |
fromArray = []; |
|
|
156 |
len = toArray.length; |
|
|
157 |
for(i = 0; i < len; ++i) |
|
|
158 |
{ |
|
|
159 |
transformFunction = toArray[i][0]; |
|
|
160 |
fromArray[i] = Y.MatrixUtil.getTransformFunctionArray(transformFunction); |
|
|
161 |
} |
|
|
162 |
TO = toArray; |
|
|
163 |
from = fromArray; |
|
|
164 |
} |
|
|
165 |
else if(Y.MatrixUtil.compareTransformSequence(toArray, fromArray)) |
|
|
166 |
{ |
|
|
167 |
TO = toArray; |
|
|
168 |
from = fromArray; |
|
|
169 |
} |
|
|
170 |
else |
|
|
171 |
{ |
|
|
172 |
toMatrix = new Y.Matrix(); |
|
|
173 |
len = toArray.length; |
|
|
174 |
for(i = 0; i < len; ++i) |
|
|
175 |
{ |
|
|
176 |
transformFunction = toArray[i].shift(); |
|
|
177 |
transformFunction = transformFunction === "matrix" ? "multiply" : transformFunction; |
|
|
178 |
toMatrix[transformFunction].apply(toMatrix, toArray[i]); |
|
|
179 |
} |
|
|
180 |
|
|
|
181 |
TO = toMatrix.decompose(); |
|
|
182 |
from = fromMatrix.decompose(); |
|
|
183 |
} |
|
|
184 |
} |
|
|
185 |
TOSTRING = toString; |
|
|
186 |
return from; |
|
|
187 |
} |
|
|
188 |
}; |
|
|
189 |
|
|
|
190 |
|
|
|
191 |
|
|
|
192 |
}, '3.10.3', {"requires": ["anim-base", "anim-easing", "anim-color", "matrix"]}); |