Mercurial > MadButterfly
view nodejs/examples/phone/phone_ui.svg @ 1496:042587afed2e
Add popup menu for transition
author | Thinker K.F. Li <thinker@codemud.net> |
---|---|
date | Tue, 03 May 2011 12:35:04 +0800 |
parents | a74b4d986a91 |
children |
line wrap: on
line source
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="320" height="480" id="svg2" version="1.1" inkscape:version="0.48+devel r9732" sodipodi:docname="phone_ui.svg"> <defs id="defs4" /> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.90416667" inkscape:cx="312.60279" inkscape:cy="186.36119" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" width="320px" inkscape:window-width="888" inkscape:window-height="684" inkscape:window-x="333" inkscape:window-y="132" inkscape:window-maximized="0" /> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> </cc:Work> </rdf:RDF> </metadata> <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" inkscape:bbox-x="-1.1059908" inkscape:bbox-y="-860.32248" inkscape:bbox-width="415.19362" inkscape:bbox-height="773.49026"> <rect mbname="icon00" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" id="rect3599" width="56.328701" height="44.162804" x="31.642097" y="60.326893" inkscape:bbox-x="30.603683" inkscape:bbox-y="374.47189" inkscape:bbox-width="58.40553" inkscape:bbox-height="46.239633" rx="11.071856" ry="9.7391548" inkscape:tile-cx="82.396311" inkscape:tile-cy="75.207361" inkscape:tile-w="56.328701" inkscape:tile-h="44.162804" inkscape:tile-x0="54.23196" inkscape:tile-y0="53.125959" /> <rect mbname="icon01" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="312.64394" inkscape:bbox-x="30.603683" y="122.15484" x="31.642097" height="44.162804" width="56.328701" id="use3685" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon02" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="250.81607" inkscape:bbox-x="30.603683" y="183.98271" x="31.642097" height="44.162804" width="56.328701" id="use3687" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon03" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="188.98813" inkscape:bbox-x="30.603683" y="245.81065" x="31.642097" height="44.162804" width="56.328701" id="use3689" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon04" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="127.16017" inkscape:bbox-x="30.603683" y="307.63861" x="31.642097" height="44.162804" width="56.328701" id="use3691" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon10" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="374.47189" inkscape:bbox-x="98.198119" y="60.326893" x="99.236534" height="44.162804" width="56.328701" id="use3693" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon11" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="312.64394" inkscape:bbox-x="98.198119" y="122.15484" x="99.236534" height="44.162804" width="56.328701" id="use3695" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon12" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="250.81607" inkscape:bbox-x="98.198119" y="183.98271" x="99.236534" height="44.162804" width="56.328701" id="use3697" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon13" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="188.98813" inkscape:bbox-x="98.198119" y="245.81065" x="99.236534" height="44.162804" width="56.328701" id="use3699" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon14" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="127.16017" inkscape:bbox-x="98.198119" y="307.63861" x="99.236534" height="44.162804" width="56.328701" id="use3701" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon20" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="374.47189" inkscape:bbox-x="165.79256" y="60.326893" x="166.83098" height="44.162804" width="56.328701" id="use3703" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon21" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="312.64394" inkscape:bbox-x="165.79256" y="122.15484" x="166.83098" height="44.162804" width="56.328701" id="use3705" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon22" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="250.81607" inkscape:bbox-x="165.79256" y="183.98271" x="166.83098" height="44.162804" width="56.328701" id="use3707" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon23" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="188.98813" inkscape:bbox-x="165.79256" y="245.81065" x="166.83098" height="44.162804" width="56.328701" id="use3709" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon24" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="127.16017" inkscape:bbox-x="165.79256" y="307.63861" x="166.83098" height="44.162804" width="56.328701" id="use3711" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon30" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="374.47189" inkscape:bbox-x="233.387" y="60.326893" x="234.42542" height="44.162804" width="56.328701" id="use3713" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon31" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="312.64394" inkscape:bbox-x="233.387" y="122.15484" x="234.42542" height="44.162804" width="56.328701" id="use3715" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon32" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="250.81607" inkscape:bbox-x="233.387" y="183.98271" x="234.42542" height="44.162804" width="56.328701" id="use3717" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon33" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="188.98813" inkscape:bbox-x="233.387" y="245.81065" x="234.42542" height="44.162804" width="56.328701" id="use3719" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <rect mbname="icon34" inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239633" inkscape:bbox-width="58.40553" inkscape:bbox-y="127.16017" inkscape:bbox-x="233.387" y="307.63861" x="234.42542" height="44.162804" width="56.328701" id="use3721" style="fill:#ffe8e8;fill-opacity:1;stroke:#800000;stroke-width:2.07682943;stroke-miterlimit:4;stroke-dasharray:none" /> <g id="g3781" inkscape:bbox-x="-2.6747894e-07" inkscape:bbox-y="440.72538" inkscape:bbox-width="321.84332" inkscape:bbox-height="43.133648" transform="translate(1.1059905,-570.69124)"> <rect inkscape:bbox-height="35.391705" inkscape:bbox-width="320.73734" inkscape:bbox-y="440.72538" inkscape:bbox-x="-2.7016535e-07" y="574.57416" x="-1.1059908" height="35.391705" width="320.73734" id="rect3761" style="fill:#f2f2f2;fill-opacity:1;stroke:none" /> <rect inkscape:bbox-height="35.391705" inkscape:bbox-width="320.73734" inkscape:bbox-y="448.46732" inkscape:bbox-x="1.1059882" y="566.83221" x="-2.250144e-06" height="35.391705" width="320.73734" id="rect3761-7" style="fill:#ececec;fill-opacity:1;stroke:none" /> </g> <rect inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" inkscape:tile-h="44.162804" inkscape:tile-w="56.328701" inkscape:tile-cy="75.207361" inkscape:tile-cx="82.396311" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239804" inkscape:bbox-width="58.405701" inkscape:bbox-y="370.70221" inkscape:bbox-x="356.04143" y="64.096489" x="357.07993" height="44.162804" width="56.328701" id="rect3599-9" style="fill:none;stroke:#ff1010;stroke-width:2.0769999;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" mbname="overhint" /> <rect inkscape:tile-y0="53.125959" inkscape:tile-x0="54.23196" inkscape:tile-h="44.162804" inkscape:tile-w="56.328701" inkscape:tile-cy="75.207361" inkscape:tile-cx="82.396311" ry="9.7391548" rx="11.071856" inkscape:bbox-height="46.239804" inkscape:bbox-width="58.405701" inkscape:bbox-y="318.06628" inkscape:bbox-x="356.78795" y="116.73241" x="357.82645" height="44.162804" width="56.328701" id="rect3599-9-3" style="fill:none;stroke:#000080;stroke-width:2.07699990000000012;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" mbname="presshint" /> <g id="g3849" inkscape:bbox-x="2.2255181" inkscape:bbox-y="-289.63124" inkscape:bbox-width="317.40625" inkscape:bbox-height="359.25593" mbname="dock" transform="translate(1.1059905,-570.69124)"> <path inkscape:bbox-height="76.31255" inkscape:bbox-width="317.40625" inkscape:bbox-y="-6.68786" inkscape:bbox-x="2.2255181" inkscape:connector-curvature="0" id="rect2817" d="m 163.68203,981.06655 c -63.1198,0 -120.411185,7.92804 -162.5625024,20.84375 l 0,55.4688 317.4062524,0 0,-57.7188 C 277.22165,988.08365 223.03485,981.06655 163.68203,981.06655 z" style="fill:#4494c2;fill-opacity:0.59174314;stroke:none" /> <path style="fill:#6083ff;fill-opacity:1;stroke:#1033ff;stroke-width:2.0769999;stroke-miterlimit:4;stroke-opacity:1" d="m 182.48848,1003.6866 c 0,8.2461 -9.16063,14.9309 -20.46083,14.9309 -11.3002,0 -20.46083,-6.6848 -20.46083,-14.9309 0,-8.24608 9.16063,-14.93086 20.46083,-14.93086 11.3002,0 20.46083,6.68478 20.46083,14.93086 z" id="path3843" inkscape:connector-curvature="0" inkscape:bbox-x="141.63431" inkscape:bbox-y="31.03524" inkscape:bbox-width="42.99866" inkscape:bbox-height="31.93876" /> <rect style="fill:#ececec;fill-opacity:1;stroke:#c7cfff;stroke-width:2.03777313;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" id="rect2838" width="310.82263" height="282.06689" x="4.4043493" y="1057.2367" inkscape:bbox-x="4.4914533" inkscape:bbox-y="-289.63124" inkscape:bbox-width="312.8604" inkscape:bbox-height="284.10467" /> </g> </g> </svg>