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>