Mercurial > MadButterfly
comparison examples/dynamic/button.svg @ 226:b24d7889cbda
* Change the color of click frame
* hide active and click and show normal at mouse out
author | wycc@wycc-desktop |
---|---|
date | Tue, 16 Dec 2008 21:24:26 +0800 |
parents | ad4f8a956505 |
children | ab8284c8dcee |
comparison
equal
deleted
inserted
replaced
225:5c70883c40d5 | 226:b24d7889cbda |
---|---|
28 inkscape:pageshadow="2" | 28 inkscape:pageshadow="2" |
29 inkscape:zoom="0.7" | 29 inkscape:zoom="0.7" |
30 inkscape:cx="257.06285" | 30 inkscape:cx="257.06285" |
31 inkscape:cy="365.06674" | 31 inkscape:cy="365.06674" |
32 inkscape:document-units="px" | 32 inkscape:document-units="px" |
33 inkscape:current-layer="layer1" | 33 inkscape:current-layer="btn_click" |
34 showgrid="false" | 34 showgrid="false" |
35 inkscape:window-width="1400" | 35 inkscape:window-width="1400" |
36 inkscape:window-height="978" | 36 inkscape:window-height="978" |
37 inkscape:window-x="0" | 37 inkscape:window-x="0" |
38 inkscape:window-y="25" /> | 38 inkscape:window-y="25" /> |
39 <defs | 39 <defs |
40 id="defs4"> | 40 id="defs4"> |
41 <linearGradient | 41 <linearGradient |
42 id="linearGradient4066"> | 42 id="linearGradient4066"> |
43 <stop | 43 <stop |
44 id="stop4068" | 44 style="stop-color:#000000;stop-opacity:0;" |
45 offset="0" | 45 offset="0" |
46 style="stop-color:#000000;stop-opacity:0;" /> | 46 id="stop4068" /> |
47 <stop | 47 <stop |
48 id="stop4070" | 48 style="stop-color:#000000;stop-opacity:1" |
49 offset="1" | 49 offset="1" |
50 style="stop-color:#000000;stop-opacity:1" /> | 50 id="stop4070" /> |
51 </linearGradient> | 51 </linearGradient> |
52 <linearGradient | 52 <linearGradient |
53 id="linearGradient4026"> | 53 id="linearGradient4026"> |
54 <stop | 54 <stop |
55 id="stop4028" | 55 style="stop-color:#000000;stop-opacity:1;" |
56 offset="0" | 56 offset="0" |
57 style="stop-color:#000000;stop-opacity:1;" /> | 57 id="stop4028" /> |
58 <stop | 58 <stop |
59 id="stop4030" | 59 style="stop-color:#ffffff;stop-opacity:0;" |
60 offset="1" | 60 offset="1" |
61 style="stop-color:#ffffff;stop-opacity:0;" /> | 61 id="stop4030" /> |
62 </linearGradient> | 62 </linearGradient> |
63 <linearGradient | 63 <linearGradient |
64 id="linearGradient4018"> | 64 id="linearGradient4018"> |
65 <stop | 65 <stop |
66 id="stop4020" | 66 style="stop-color:#000000;stop-opacity:1;" |
67 offset="0" | 67 offset="0" |
68 style="stop-color:#000000;stop-opacity:1;" /> | 68 id="stop4020" /> |
69 <stop | 69 <stop |
70 id="stop4022" | 70 style="stop-color:#0000ff;stop-opacity:0;" |
71 offset="1" | 71 offset="1" |
72 style="stop-color:#0000ff;stop-opacity:0;" /> | 72 id="stop4022" /> |
73 </linearGradient> | 73 </linearGradient> |
74 <inkscape:perspective | 74 <inkscape:perspective |
75 sodipodi:type="inkscape:persp3d" | 75 id="perspective10" |
76 inkscape:persp3d-origin="372.04724 : 350.78739 : 1" | |
77 inkscape:vp_z="744.09448 : 526.18109 : 1" | |
78 inkscape:vp_y="0 : 1000 : 0" | |
76 inkscape:vp_x="0 : 526.18109 : 1" | 79 inkscape:vp_x="0 : 526.18109 : 1" |
77 inkscape:vp_y="0 : 1000 : 0" | 80 sodipodi:type="inkscape:persp3d" /> |
78 inkscape:vp_z="744.09448 : 526.18109 : 1" | |
79 inkscape:persp3d-origin="372.04724 : 350.78739 : 1" | |
80 id="perspective10" /> | |
81 </defs> | 81 </defs> |
82 <metadata | 82 <metadata |
83 id="metadata7"> | 83 id="metadata7"> |
84 <rdf:RDF> | 84 <rdf:RDF> |
85 <cc:Work | 85 <cc:Work |
89 rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | 89 rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> |
90 </cc:Work> | 90 </cc:Work> |
91 </rdf:RDF> | 91 </rdf:RDF> |
92 </metadata> | 92 </metadata> |
93 <g | 93 <g |
94 style="display:inline" | 94 id="layer1" |
95 inkscape:groupmode="layer" | |
95 inkscape:label="bg" | 96 inkscape:label="bg" |
96 inkscape:groupmode="layer" | 97 style="display:inline"> |
97 id="layer1"> | |
98 <text | 98 <text |
99 id="text4380" | 99 xml:space="preserve" |
100 style="font-size:30px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" | |
101 x="235.71429" | |
100 y="282.36218" | 102 y="282.36218" |
101 x="235.71429" | 103 id="text4380"><tspan |
102 style="font-size:30px;font-style:normal;font-weight:normal;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" | 104 sodipodi:role="line" |
103 xml:space="preserve"><tspan | 105 id="tspan4382" |
104 y="282.36218" | |
105 x="235.71429" | 106 x="235.71429" |
106 id="tspan4382" | 107 y="282.36218" /></text> |
107 sodipodi:role="line" /></text> | |
108 <g | 108 <g |
109 mbname="btn" | 109 id="btn" |
110 transform="translate(148.57143,98.571429)" | 110 transform="translate(148.57143,98.571429)" |
111 id="btn"> | 111 mbname="btn"> |
112 <g | 112 <g |
113 style="display:none" | 113 frame="normal" |
114 id="btn_normal" | |
115 transform="translate(148.57143,98.571429)" | |
114 mbname="btn_normal" | 116 mbname="btn_normal" |
115 transform="translate(148.57143,98.571429)" | 117 style="display:none"> |
116 id="btn_normal" | |
117 frame="normal"> | |
118 <rect | 118 <rect |
119 style="fill:#0000ff" | 119 ry="5.0559778" |
120 rx="6.0995407" | |
121 y="1.4285747" | |
122 x="-1.4285715" | |
123 height="47.142857" | |
124 width="122.85714" | |
120 id="rect2651" | 125 id="rect2651" |
121 width="122.85714" | 126 style="fill:#0000ff" /> |
122 height="47.142857" | |
123 x="-1.4285715" | |
124 y="1.4285747" | |
125 rx="6.0995407" | |
126 ry="5.0559778" /> | |
127 <text | 127 <text |
128 xml:space="preserve" | 128 id="text2653" |
129 y="32.85714" | |
130 x="10.000002" | |
129 style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" | 131 style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" |
130 x="10.000002" | 132 xml:space="preserve"><tspan |
131 y="32.85714" | 133 y="32.85714" |
132 id="text2653"><tspan | 134 x="10.000002" |
133 sodipodi:role="line" | |
134 id="tspan2655" | 135 id="tspan2655" |
135 x="10.000002" | 136 sodipodi:role="line">Click Me</tspan></text> |
136 y="32.85714">Click Me</tspan></text> | |
137 </g> | 137 </g> |
138 <g | 138 <g |
139 style="" | 139 frame="active" |
140 id="btn_active" | |
141 transform="translate(148.57143,98.571429)" | |
140 mbname="btn_active" | 142 mbname="btn_active" |
141 transform="translate(148.57143,98.571429)" | 143 style="display:none"> |
142 id="btn_active" | |
143 frame="active"> | |
144 <rect | 144 <rect |
145 style="fill:#00ffff" | 145 ry="5.0559778" |
146 rx="6.0995407" | |
147 y="1.4285747" | |
148 x="-1.4285715" | |
149 height="47.142857" | |
150 width="122.85714" | |
146 id="rect2727" | 151 id="rect2727" |
147 width="122.85714" | 152 style="fill:#00ffff" /> |
148 height="47.142857" | |
149 x="-1.4285715" | |
150 y="1.4285747" | |
151 rx="6.0995407" | |
152 ry="5.0559778" /> | |
153 <text | 153 <text |
154 xml:space="preserve" | 154 id="text2729" |
155 y="32.85714" | |
156 x="10.000002" | |
155 style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" | 157 style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" |
156 x="10.000002" | 158 xml:space="preserve"><tspan |
157 y="32.85714" | 159 y="32.85714" |
158 id="text2729"><tspan | 160 x="10.000002" |
159 sodipodi:role="line" | |
160 id="tspan2731" | 161 id="tspan2731" |
161 x="10.000002" | 162 sodipodi:role="line">Click Me</tspan></text> |
162 y="32.85714">Click Me</tspan></text> | |
163 </g> | 163 </g> |
164 <g | 164 <g |
165 style="display:none" | 165 frame="click" |
166 id="btn_click" | |
167 transform="translate(148.57143,98.571429)" | |
166 mbname="btn_click" | 168 mbname="btn_click" |
167 transform="translate(148.57143,98.571429)" | 169 style=""> |
168 id="btn_click" | |
169 frame="click"> | |
170 <rect | 170 <rect |
171 style="fill:#0000ff" | 171 ry="5.0559778" |
172 rx="6.0995407" | |
173 y="1.4285747" | |
174 x="-1.4285715" | |
175 height="47.142857" | |
176 width="122.85714" | |
172 id="rect2734" | 177 id="rect2734" |
173 width="122.85714" | 178 style="fill:#ff0000" /> |
174 height="47.142857" | |
175 x="-1.4285715" | |
176 y="1.4285747" | |
177 rx="6.0995407" | |
178 ry="5.0559778" /> | |
179 <text | 179 <text |
180 xml:space="preserve" | 180 id="text2736" |
181 y="32.85714" | |
182 x="10.000002" | |
181 style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" | 183 style="font-size:24px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans" |
182 x="10.000002" | 184 xml:space="preserve"><tspan |
183 y="32.85714" | 185 y="32.85714" |
184 id="text2736"><tspan | 186 x="10.000002" |
185 sodipodi:role="line" | |
186 id="tspan2738" | 187 id="tspan2738" |
187 x="10.000002" | 188 sodipodi:role="line">Click Me</tspan></text> |
188 y="32.85714">Click Me</tspan></text> | |
189 </g> | 189 </g> |
190 </g> | 190 </g> |
191 </g> | 191 </g> |
192 <g | 192 <g |
193 style="display:inline" | 193 inkscape:groupmode="layer" |
194 id="layer2" | |
194 inkscape:label="text" | 195 inkscape:label="text" |
195 id="layer2" | 196 style="display:inline" /> |
196 inkscape:groupmode="layer" /> | |
197 </svg> | 197 </svg> |