HTML5 Inline SVG

这是效果图:

 

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 5 <title>geovindu svg</title>
 6 </head>
 7 <body>
 8 
 9 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
10  <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
11  <g>
12   <title>Layer 1</title>
13   <text transform="rotate(73.79097747802734 496.00000000000017,267.49999999999994) " xml:space="preserve" text-anchor="middle" font-family="Cursive" font-size="24" id="svg_1" y="277" x="496" stroke-width="0" stroke="#000000" fill="#000000">塗聚文</text>
14   <ellipse stroke-linejoin="null" stroke-linecap="null" stroke-dasharray="null" ry="87" rx="141" id="svg_2" cy="110" cx="368" stroke-width="5" stroke="#000000" fill="#000000"/>
15   <ellipse stroke-linejoin="null" stroke-linecap="null" stroke-dasharray="null" ry="9" rx="11" id="svg_3" cy="131" cx="554" stroke-width="5" stroke="#000000" fill="#000000"/>
16   <path id="svg_4" d="m245,301l-127,-151l-62,64l90,134l-123,-109l251,-5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="#000000"/>
17   <path d="m143,41c0,1 0,3 2,6c2,3 2.33749,7.31001 4,10c1.487,2.406 3.38055,5.76305 7,12c3.36703,5.80199 6.76141,13.14183 11,20c5.68665,9.20119 8.57277,15.26208 13,22c2.74565,4.17868 2.47328,7.29366 6,13c2.62866,4.25325 4.69255,7.186 6,9c1.65381,2.29454 2.4588,3.69344 3,5c0.38269,0.92387 1,2 2,4c1,2 3.91753,6.05664 6,9c2.88786,4.0817 6.69255,8.186 8,10c2.48071,3.4418 4.72961,5.22885 9,10c4.71585,5.26884 10.08139,10.9283 18,20c6.06281,6.94566 12.76471,15.36888 22,21c8.79044,5.35988 15.76993,8.54863 20,10c4.82303,1.65482 7.54916,3.95517 11,5c2.87128,0.86935 5.96539,2.04671 10,5c6.94141,5.08104 12.92029,9.11351 20,14c8.9021,6.14432 16.19891,9.53236 19,11c4.42889,2.32053 6,4 8,6c1,1 5.36703,3.65814 10,9c3.276,3.77728 8,8 13,13c5,5 8.16125,9.79626 12,13c1.71674,1.43277 3.02676,1.77023 4,2c2.17624,0.51373 2,2 3,2c1,0 2.87857,1.49347 6,2c4.93542,0.8009 8,0 10,0c1,0 2.29291,-0.70709 3,0c1.41422,1.41422 0.49347,4.87857 1,8c0.48056,2.96127 0,7 0,11c0,4 0,8 0,11c0,3 -1.53491,6.31076 -3,8c-2.07193,2.38895 -1.59399,6.22766 -7,11c-3.35266,2.95969 -8.74182,6.32718 -15,11c-8.66714,6.47153 -13.85541,10.23917 -22,15c-10.81744,6.32321 -15.92221,8.25613 -32,13c-17.91788,5.2868 -25.53772,8.98856 -43,12c-17.7655,3.06375 -40.1937,-1.40274 -55,1c-3.12144,0.50653 -5,1 -7,1c-1,0 -3.22836,1.14804 -6,0c-1.30656,-0.5412 -2.29289,-1.29291 -3,-2c-0.70711,-0.70709 -0.30322,-1.76935 -1,-3c-2.03145,-3.58792 -2,-7 -2,-12c0,-5 -0.90211,-8.82443 1,-10c0.85065,-0.52573 0.186,0.30746 2,-1c2.29454,-1.65381 5,-3 6,-4c1,-1 2.69344,-1.4588 4,-2c1.84776,-0.76538 4,0 7,0c5,0 10,0 16,0c7,0 15,0 24,0c10,0 21.97382,2.14981 33,4c12.97159,2.17664 24.01056,2.89008 35,4c9.00955,0.90997 17.32141,1.10236 24,4c5.34918,2.32086 9.7265,7.29361 14,11c3.77728,3.276 8.42334,6.42825 14,11c3.28101,2.68979 7.74811,5.56812 14,8c6.78488,2.63922 19,5 32,5c13,0 22.16946,0.77475 33,-2c12.25336,-3.13928 31.72232,-9.69476 41,-13c10.74054,-3.82639 26.81268,-10.20682 29,-12c2.78833,-2.28589 6.05328,-3.94812 8,-6c9.25977,-9.75995 12.18817,-17.40683 16,-24c2.50256,-4.32864 9.73694,-14.09201 13,-23c1.85229,-5.05658 3.88824,-18.36731 10,-35c3.39691,-9.24451 5.88196,-20.0278 9,-33c0.96362,-4.00891 1,-17 1,-28c0,-6 0.38269,-8.07613 0,-9c-0.5412,-1.30656 -2,-2 -5,-9c-3,-7 -5.3764,-9.08031 -7,-13c-0.38269,-0.92387 0.30658,-2.4588 -1,-3c-0.92389,-0.38269 -1,-1 -3,-1c-1,0 -2,0 -3,0c-3,0 -4,0 -7,0l-3,1l-1,0l-1,1" id="svg_5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
18   <path d="m532,307c0,0 0.71411,1.21167 3,4c2.68976,3.28101 5.31812,5.59012 8,8c5.80939,5.22021 8.79706,12.15631 15,20c4.84467,6.1261 9.73114,12.28415 15,17c4.77112,4.27039 9,7 10,8c1,1 2,2 3,3c1,1 3,3 4,4c1,1 2,2 3,3c1,1 2,2 3,3c1,1 2.14679,1.86325 4,4c3.276,3.77728 6.026,8.18799 9,13c1.66254,2.69 2.4588,4.69345 3,6c0.38269,0.92389 0.38269,2.07611 0,3c-0.5412,1.30655 -1.29291,1.29291 -2,2c-0.70709,0.70709 -2.02582,-0.32037 -4,0c-3.12146,0.50653 -6.0116,1.62717 -12,2c-8.04669,0.50098 -15,1 -21,1c-7,0 -14.27832,0.69489 -20,-2c-8.53473,-4.01981 -14.43628,-8.43967 -21,-14c-4.31628,-3.65646 -6.29871,-3.82108 -8,-7c-0.94373,-1.76334 -1.4588,-1.69345 -2,-3c-0.38269,-0.92389 -0.61731,-2.07611 -1,-3c-1.0824,-2.61313 -2.14935,-2.47427 -3,-3c-1.9021,-1.17557 -2,-2 -3,-2c-1,0 -4,0 -9,0c-8,0 -16,0 -24,0c-4,0 -7,0 -8,0l-1,0l-1,0" id="svg_6" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
19   <path d="m413,214c0,0 0.1391,6.97418 1,12c1.19385,6.96956 2,13 2,17c0,6 1.22128,10.31856 4,16c1.58411,3.23892 4.71201,7.98163 10,9c4.90979,0.94553 11,0 15,0c2,0 7,-4 10,-7c4,-4 5.80615,-9.03044 7,-16c0.8609,-5.02582 2.73871,-12.25745 1,-18c-1.04483,-3.45085 -3.0979,-5.82443 -5,-7c-3.40262,-2.10292 -10.02997,-1.48874 -14,-1c-4.09222,0.50377 -8.74182,4.32718 -15,9c-8.66714,6.47154 -18.89465,13.1973 -30,19c-7.92734,4.14215 -14,8 -19,11l-1,1l-1,0" id="svg_7" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
20   <path d="m39,35c0,1 -0.34152,3.15054 2,8c3.50554,7.26025 4.54119,8.30656 4,7c-0.38268,-0.92388 -1.29289,-0.29289 -2,-1c-0.70711,-0.70711 0.61732,-0.92388 1,0c0.54119,1.30656 2,3 3,5c1,2 1,4 1,7c0,3 0,5 0,8c0,5 0.6246,10.11809 -1,17c-1.45309,6.15536 -4.49623,11.90778 -5,16c-0.36655,2.97752 -1,6 -1,9c0,2 0,4 0,6c0,1 -0.16018,2.01291 0,3c0.50654,3.12144 0,5 1,5c1,0 0,-2 0,-4c0,-4 0.5971,-10.59676 5,-19c4.64107,-8.8578 12.42284,-17.27389 17,-28c4.47506,-10.48684 4.34686,-13.92988 6,-23c1.2679,-6.95647 3.49829,-13.93796 4,-20c0.24744,-2.98978 0,-6 0,-8c0,-1 0,0 0,1c0,3 0.22975,4.02675 0,5c-0.51374,2.17625 -1,3 -1,4c0,1 -0.47984,4.32367 1,6c2.38616,2.703 7,4 10,4c3,0 7,0 11,0c3,0 5,0 6,0c1,0 2,1 2,2c0,2 0.44181,4.51928 -3,7c-1.814,1.30745 -4.86829,2.28859 -9,4c-2.92156,1.21015 -5,1 -6,1c-1,0 -1.52573,1.14935 -1,2c2.35114,3.80423 8.94672,3.49874 16,4c6.98239,0.49622 14,0 18,0c3,0 4.29289,-0.70711 5,0c0.70711,0.70711 0.13171,2.28859 -4,4c-5.84312,2.4203 -11.76305,5.38055 -18,9c-1.934,1.12234 -3,1 -4,1c-1,0 -1.51495,1.70576 1,3c5.40859,2.78336 8,1 12,1c3,0 5.29289,-1.29289 6,-2c0.70711,-0.70711 1.38268,-1.07612 1,-2c-0.5412,-1.30656 -4.14183,-3.76142 -11,-8c-6.13413,-3.7911 -10.15224,-5.23463 -12,-6c-1.30656,-0.54119 -2.69344,-3.54119 -4,-3c-0.92388,0.38268 -0.22585,2.06334 1,6c2.54022,8.15765 6.9422,18.70177 10,30c2.92081,10.79208 5.99024,19.79026 7,27c0.2774,1.98067 0,3 0,4c0,1 0,2 0,3c0,1 -1.29289,1.70711 -2,1c-0.70711,-0.70711 -1.82443,-1.09789 -3,-3c-0.52573,-0.85065 -2.45049,-1.45049 -5,-4c-2.54951,-2.54951 -4.38509,-6.37202 -7,-10c-2.48071,-3.44181 -4.33749,-6.31001 -6,-9c-0.7435,-1.203 -1.29289,-2.29289 -2,-3c-0.70711,-0.70711 1.01006,-1.28355 5,-1c14.10656,1.00253 27,4 40,4c2,0 4.07613,-1.38268 5,-1c1.30656,0.5412 3,0.58578 3,2c0,1.41422 -1.90283,1.22421 -4,2c-3.867,1.4305 -5,2 -6,2l-1,0" id="svg_8" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
21   <polyline id="svg_9" points="91,78 91,78 92,78 " stroke-linecap="round" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
22   <path d="m546,16c1,1 2.22418,2.90282 3,5c1.43048,3.867 2,8 2,11c0,2 0,3 0,4c0,2 1.1731,2.85273 2,4c1.30743,1.81399 2,3 4,4c2,1 4.88153,2.19028 8,4c5.802,3.36703 8,4 10,6c1,1 3.48627,2.82375 4,5c0.22974,0.97325 1.0719,2.61105 -1,5c-1.46509,1.68925 -9.99689,4.03822 -22,5c-12.99677,1.0414 -28,1 -38,1c-10,0 -16.02249,0.36655 -19,0c-4.09222,-0.50378 -5,-3 -5,-4c0,-1 -0.38269,-2.07612 0,-3c0.5412,-1.30656 3,-3 5,-4c2,-1 5.07843,-0.78985 8,-2c2.06586,-0.85571 4,-1 7,-1c3,0 6,0 8,0c3,0 5,0 8,0c4,0 11.01825,1.93379 22,5c14.02386,3.9156 23.91595,7.26163 36,11c6.9549,2.1516 14.92767,4.23174 21,6c3.95868,1.15277 7,2 8,2l-1,1l-1,0l-1,0" id="svg_10" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
23   <path d="m184,15c0,1 0,2 -1,3c-1,1 -1.69342,2.4588 -3,3c-0.92389,0.38268 -1,1 -2,2c-1,1 -2.8244,2.09789 -4,4c-0.52576,0.85065 1,1 2,1c1,0 3,0 4,0c2,0 2.69257,0.186 4,2c1.65381,2.29454 2.78986,4.07844 4,7c0.85571,2.06586 0,7 2,7c1,0 0,-2 0,-3c0,-2 1.797,-4.2565 3,-5c2.69,-1.66251 8,-2 10,-2c1,0 2,0 3,-1c1,-1 1,-2 1,-3c0,-1 -2,-2 -3,-4c-1,-2 -2.9176,-2.38687 -4,-5c-0.76538,-1.84776 0.17627,-4.51374 -2,-4c-0.97327,0.22975 0.34314,2.87605 2,8c1.26855,3.92311 2.97253,8.6475 4,13c0.22974,0.97325 1.61731,5.07613 2,6c0.5412,1.30656 1.61731,2.07613 2,3c0.5412,1.30656 1.69342,1.4588 3,2c2.77167,1.14806 7,0 10,0c5,0 10,0 12,0c1,0 2.4588,0.30656 3,-1c0.38269,-0.92387 -0.4588,-1.69344 -1,-3c-0.38269,-0.92387 0,-2 -1,-5l-1,-6l-2,-7" id="svg_11" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
24   <path d="m615,157c1,0 1,1 0,2c-3,3 -8,9 -13,14c-4,4 -12,8 -19,11c-7,3 -14,5 -16,6l-3,2l-3,1" id="svg_12" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
25   <path d="m598,178c2,2 4.62354,4.24612 8,9c4.52264,6.36757 8.42236,10.53282 14,16c4.57275,4.48219 10,8 13,10c3,2 4,3 6,4l1,1l0,-1" id="svg_13" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
26   <path d="m68,360c1,1 1,2 1,5c0,3 0,7 0,10c0,3 -1.48626,3.82376 -2,6c-0.4595,1.9465 0,4 0,6c0,3 0.49346,5.87857 1,9c0.32037,1.97418 -1,3 -2,3c-1,0 -2,0 -5,0c-2,0 -4.87856,0.49347 -8,1c-0.98709,0.16019 -1.07612,0.61731 -2,1c-1.30656,0.5412 -1,2 -1,3c0,1 -0.14429,2.93414 -1,5c-1.21015,2.92157 -1,5 -1,7c0,3 0,6 0,9c0,5 1.3851,7.37201 4,11c1.65381,2.29453 4.21167,6.71411 7,9c1.09367,0.89661 2,2 3,2c1,0 2.4588,0.30655 3,-1c0.38268,-0.92389 0.29289,-1.29291 1,-2c0.70711,-0.70709 2.186,-0.69254 4,-2c3.44181,-2.48071 8.17049,-6.83868 11,-10c4.27038,-4.77115 6.89527,-11.50659 11,-19c4.80422,-8.77039 7.43288,-12.80243 10,-19c1.21015,-2.92157 2.48626,-5.82376 3,-8c0.22975,-0.97324 0,-3 -1,-4c-1,-1 -2,-2 -3,-3c-1,-1 -1.29289,-1.29291 -2,-2c-0.70711,-0.70709 -1,-1 -3,-3c-1,-1 -1,-2 -1,-1c0,2 1.01579,8.72299 3,18c2.10197,9.82761 1.02527,20.22266 4,31c2.27329,8.23602 4.79394,16.08743 7,21c0.91602,2.03983 1.29289,2.29291 2,3c0.70711,0.70709 0.22975,-0.02676 0,-1c-0.51374,-2.17624 -2.47427,-3.14935 -3,-4c-1.17557,-1.9021 -2.1731,-1.85272 -3,-3c-1.30745,-1.814 -1.4588,-2.69345 -2,-4c-0.76537,-1.84775 -0.17625,-3.48627 2,-4c9.73249,-2.29752 20,0 29,0c6,0 8.69344,0.4588 10,1c0.92387,0.38269 1,1 1,4c0,3 0,4 -1,4c-1,0 -3,0 -10,0l-4,-1" id="svg_14" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
27   <path d="m222,455c1,0 2.02582,1.67963 4,2c3.12144,0.50653 5.87856,2.49347 9,3c2.96126,0.48056 5.22836,1.14804 8,0c5.22626,-2.16479 5.95517,-4.54916 7,-8c0.86935,-2.87128 0.49345,-5.87857 1,-9c0.32036,-1.97418 0,-5 0,-7c0,-3 0.76537,-5.15225 0,-7c-1.0824,-2.61313 -2.61731,-3.07611 -3,-4c-0.5412,-1.30655 -2.4588,-1.30655 -3,0c-0.38269,0.92389 -0.28859,3.86829 -2,8c-1.21014,2.92157 -1.48625,6.82376 -2,9c-0.68925,2.91974 0,5 0,6c0,2 0.29289,2.29291 1,3c0.70711,0.70709 2,0 3,0c2,0 2.69255,-0.186 4,-2c1.65381,-2.29453 3,-4 4,-6l1,-3" id="svg_15" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
28   <path d="m255,438c0,1 0,3 0,6c0,3 0,7 0,9c0,2 -0.5405,5.0535 -1,7c-0.51375,2.17624 -1,5 -1,6c0,2 0,4 0,6c0,1 -0.29289,1.29291 -1,2c-0.70711,0.70709 -1.4588,2.30655 -2,1c-0.38269,-0.92389 -0.29289,-1.29291 -1,-2c-0.70711,-0.70709 -1,-1 -2,-2c-1,-1 -1.29289,-1.29291 -2,-2c-1.41422,-1.41422 -0.23463,-5.15225 -1,-7c-0.5412,-1.30655 -1,-2 -1,-3c0,-1 0.47427,-1.14935 1,-2c1.17557,-1.9021 4.15927,-1.61066 7,-3c3.23892,-1.58411 5,-3 8,-4c3,-1 5,-1 7,-1c2,0 4,0 6,0c1,0 2,0 3,0c1,0 3.186,-1.69254 5,-3c1.14728,-0.8269 3.58578,-1.58578 5,-3c0.70709,-0.70709 1.38269,-1.07611 1,-2c-0.5412,-1.30655 -2,-1 -3,-3c-1,-2 -2.85272,-4.1731 -4,-5c-1.814,-1.30746 -2.29291,-0.70709 -3,0c-0.70709,0.70709 -1.69254,1.186 -3,3c-0.8269,1.14728 -1.23462,3.15225 -2,5c-0.5412,1.30655 -1.23462,2.15225 -2,4c-0.5412,1.30655 -1.28979,2.04291 -1,3c1.04483,3.45084 2.41885,4.41885 4,6c1.58115,1.58115 1.69345,2.4588 3,3c0.92389,0.38269 3,0 6,0c4,0 9.13202,-0.75531 13,-3c3.11847,-1.80972 5,-4 6,-5c1,-1 0.29291,-2.29291 1,-3c0.70709,-0.70709 1,1 1,2c0,2 0,3 0,4c0,2 1,4 1,5c0,1 1.01291,1.16019 2,1c6.24289,-1.01309 8.50424,-4.03552 13,-7c3.54193,-2.33554 5.48627,-3.82376 6,-6c0.4595,-1.9465 0,-3 -2,-5c-1,-1 -2.85272,-1.1731 -4,-2c-1.814,-1.30746 -3.82376,-1.48627 -6,-2c-1.9465,-0.4595 -3.07611,-0.38269 -4,0c-1.30655,0.5412 -1,2 -1,3c0,2 -1.70709,3.29291 -1,4c0.70709,0.70709 2,0 4,0c2,0 6,0 8,0c3,0 4.85272,-0.1731 6,-1c1.814,-1.30746 3,-1 4,-1c1,0 2.49347,1.87857 3,5c0.16019,0.98709 0.48627,2.82376 1,5c0.22977,0.97324 0,2 0,3c0,1 0.29291,-0.29291 1,-1c0.70709,-0.70709 0.82376,-1.48627 3,-2c0.97324,-0.22977 3.61383,-1.297 6,-4c1.47983,-1.67633 2,-4 2,-6c0,-1 1,-2 1,-3l0,-1l0,-1" id="svg_16" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
29   <path d="m358,441c1,1 1,2 1,3c0,1 0,2 0,3c0,2 0,1 0,0l0,-1l-1,-1l0,-1" id="svg_17" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
30   <path d="m354,433c1,0 2,0 2,1l1,0" id="svg_18" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
31   <path d="m371,438c0,1 0,2 0,4c0,1 0,2 0,3c0,1 -1,3 0,3c1,0 1,-2 2,-4c1,-2 2.69345,-4.4588 4,-5c0.92389,-0.38269 2.82443,-0.9021 4,1c1.57718,2.55194 1.9176,4.38687 3,7c0.76538,1.84775 0,4 0,5c0,1 0.29291,2.29291 1,3c0.70709,0.70709 2,0 3,0c1,0 3,0 5,0l3,0l3,-2" id="svg_19" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
32   <path d="m443,417c0,4 1.49622,6.90778 2,11c0.36655,2.97751 0,7 0,14c0,5 0.20432,11.09116 -3,18c-1.88165,4.05701 -5.797,8.2565 -7,9c-2.69,1.66251 -7.76108,2.41589 -11,4c-2.84073,1.38934 -4.29291,1.29291 -5,2c-0.70709,0.70709 -2.07611,0.38269 -3,0c-1.30655,-0.5412 -2.4588,-1.69345 -3,-3c-1.14804,-2.77164 -1,-5 -1,-7c0,-1 -0.70709,-2.29291 0,-3c2.82843,-2.82843 6.84067,1.33594 15,5c4.91257,2.20605 12.31854,4.22128 18,7c3.23892,1.58411 9,3 12,3c3,0 7.15396,0.94867 10,0c4.74341,-1.58115 6.49622,-5.90778 7,-10c0.36655,-2.97751 0,-6 0,-10c0,-3 0,-6 0,-10c0,-4 0,-6 0,-8c0,-2 -2,-5 -4,-8c-2,-3 -3.29291,-5.29291 -4,-6c-0.70709,-0.70709 -1.02676,-0.77023 -2,-1c-2.17624,-0.51373 -3.87857,-1.49347 -7,-2c-1.97418,-0.32037 -4,0 -5,0c-1,0 -2.4588,-0.30655 -3,1c-0.38269,0.92389 -1,1 -1,3c0,1 0,3 0,5c0,2 0.6387,5.44296 3,7c4.49576,2.96448 9,3 15,4l7,0l8,0" id="svg_20" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
33   <path d="m506,442c0,1 -1,1 -1,2c0,1 0,2 0,3c0,1 0,2 0,3c0,1 -0.76538,2.15225 0,4c0.5412,1.30655 2.4588,1.69345 3,3c0.38269,0.92389 -0.70709,3.29291 0,4c0.70709,0.70709 2,0 4,0c3,0 7.51703,-2.53165 12,-8c4.57178,-5.57666 7.71411,-11.21167 10,-14c0.89661,-1.09366 2.12219,-0.99249 2,0c-0.50378,4.09222 -3,8 -3,12c0,3 0,6 0,8l0,1l1,0l0,-1" id="svg_21" fill-opacity="null" stroke-opacity="null" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" stroke="#000000" fill="none"/>
34  </g>
35 </svg>
36 </body>
37 </html>
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Html SVG</title>
</head>
<body>
<embed src="geovindu.svg" type="image/svg xml" />
<object data="geovindu.svg" type="image/svg xml"></object>
</body>
</html>

IE 9.0  
Firefox 3.6.0
Chrome 8.0
Safari 5.1
Opera 11.0
iOS Safari 3.2
Opera Mini 5.0
Android Browser 3.0
Blackberry Browser 7.0

 http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/browser-not-supported.html

http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html

这是效果图:


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/363850.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端开发网络——Ajax(GET、POST)

ajax请求的过程 我们平时输入的网址&#xff0c;比如www.baidu.com&#xff0c;就会被解析成14.215.177.39这一串数字&#xff0c;然后发送请求给后台服务器&#xff08;客户端发送http请求&#xff09;。 服务器会确认你发送的是什么请求&#xff0c;需要请求什么东西&#xf…

通过Spring将继承树加载到List中

我注意到有趣的Spring功能。 我的一位同事使用它将Spring Bean的整个继承树加载到列表中。 在学习Spring文档时错过了这一点。 让我们来看看Spring bean的继承树&#xff1a; 下面的代码片段是通过构造函数注入将该豆树加载到列表中的&#xff1a; Component public class N…

在VS2003下把一个DataTable Update 到数据库

假设一个常见的场景先吧----实际也是我当前的场景-----把一个excel 文件导入到数据库. 这实在是一个常见的功能,但是,没想到的是, 我着实费了一把劲. 实际上,我以前写的有现成的函数来完成这个工作, 但是, 可惜那函数只能在VS2005 下工作, 在2003下面无效,无效的原因是,vs2003 …

linux 挂载有数据硬盘分区,linux下磁盘分区、挂载知多少

0x01 Linux 分区简介主分区 vs 扩展分区硬盘分区表中最多能存储四个分区&#xff0c;但我们实际使用时一般只分为两个分区&#xff0c;一个是主分区(Primary Partion)一个是扩展分区(extended partition)&#xff0c;主分区可以马上被使用但不能再分区&#xff0c;扩展分区必须…

Java 8中的HashMap性能改进

HashMap<K, V>是每个Java程序中快速&#xff0c;通用且无处不在的数据结构。 首先是一些基础知识。 您可能知道&#xff0c;它使用键的hashCode()和equals()方法在存储桶之间拆分值。 存储桶&#xff08;箱&#xff09;的数量应略高于映射中的条目数&#xff0c;以便每个…

css 汉字注音,日本语片假名

代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2 <html xmlns"http://www.w3.org/1999/xhtml">3 4 <head>5 <meta content"te…

Microsoft .NET 框架资源基础 ---摘自:msdn

Chris SellsSells Brothers Consulting 摘要&#xff1a;Chris Sells 讨论无类型清单资源和有类型资源&#xff0c;它们是受 Microsoft .NET 框架支持的两种资源。他定义了这两种资源&#xff0c;并介绍了如何在您自己的应用程序中使用它们。 下载 winforms02202003.exe 示例文…

Elasticsearch-kopf导览

当我需要一个插件来显示Elasticsearch的集群状态时&#xff0c;或者需要深入了解通常为经典插件elasticsearch-head所达到的索引时。 由于有很多建议&#xff0c;而且似乎是非官方的继任者&#xff0c;所以我最近对elasticsearch-kopf进行了更详细的介绍 。 我喜欢它。 我不确…

文字阴影-CSS Text-Shadow

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<html xmlns"http://www.w3.org/1999/xhtml">3<head>4<title>文字阴影-CSS Text-Shad…

javascript动态创建radio button元素支持IE/Firefox

我们都知道在IE中创建表单元素可以有三种方式varoInput document.createElement("input");varoInput document.createElement("<input />");varoInput document.createElement("<input name />");在Firefox里面仅支持varoInput docu…

如何在Android Studio中添加RecyclerView-v7支持包

首先右键你的项目然后选择 open module Settings 之后会出现这个界面&#xff0c;选择 Modules 下的app ,>>> Dependencies >>>点击右边的“” 选择第一项Library dependency 出现此界面&#xff0c;然后选择你所需要的 转载于:https://www.cnblogs.com/lcx9…

浮动层图片鼠标指针移到自动放大

html code:1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<html xmlns"http://www.w3.org/1999/xhtml">3<head>4<title>缔友计算机信…

字符大小端aix linux,long, unsigned long不是跨平台的(慎用)

项目中用到long、long long等字段&#xff0c;遇到一些问题。先说得到的一些结论&#xff1a;大小端&#xff1a;Windows、Linux是小端&#xff0c;AIX是大端。sizeof(指针类型)程序位数/8。long、unsigned long不是跨平台的&#xff0c;一定要慎用。自己写了程序测试各平台下(…

Java构建工具:Ant vs. Maven vs Gradle

最初&#xff0c;Make是唯一可用的构建工具。 后来通过GNU Make进行了改进。 但是&#xff0c;从那时起&#xff0c;我们的需求增加了&#xff0c;结果&#xff0c;构建工具也不断发展。 JVM生态系统主要由三个构建工具组成&#xff1a; 常春藤的 Apache Ant 马文 摇篮 An…

Asp.Net中用javascript实现弹出窗口永远居中

//Asp.Net中用javascript实现弹出窗口永远居中functionShowDialog(url) { var iWidth600; //模态窗口宽度 var iHeight500;//模态窗口高度 var iTop(window.screen.height-iHeight)/2; var iLeft(window.screen.width-iWidth)/2; window.open(url,"Detail"…

Linux Vim 光标错位,技术|Vim 复制粘帖格式错乱问题的解决办法

有时候&#xff0c;复制文本(尤其是代码)到 Vim&#xff0c;会出现格式错乱的问题。看样子&#xff0c;应该是自动缩进惹得祸。本文不去深究原因&#xff0c;直接给出解决方法。1. paste 模式运行如下命令&#xff0c;进入 paste 模式&#xff1a;:set paste进入 paste 模式后&…

kali vmtools 不能复制粘贴解决方法(绝对实用)

朋友问起怎么vm kali 2019怎么不能复制了&#xff0c;而且网上的方法大多不适合。我就在这儿记录一笔吧&#xff0c;方便大家。 之前发现最新kali复制粘贴不能用&#xff0c;后来发现一个奇妙的套路&#xff0c;不是共享文件夹。只需要把文件复制到命令行中&#xff0c;会出现t…

MineCraft和堆外内存

总览 MineCraft是一个很好的例子&#xff0c;说明何时堆外内存确实可以提供帮助。 关键要求是&#xff1a; 保留的数据大部分是一个简单的数据结构&#xff08;在我的世界的情况下&#xff0c;它的很多字节[]&#xff09; 堆外内存的使用可以隐藏在抽象中。 考试 我使用以下测…

kubernetes进阶之七:Service

1.概述 Service也是Kubernetes里的最核心的资源对象之一&#xff0c;Kubernetes里的每个Service其实就是我们经常提起的微服务架构中的一个“微服务”&#xff0c;之前我们所说的Pod、RC等资源对象其实都是为这节所说的“服务”------Kubernetes Service作“嫁衣”的。图1.12显…

Json Schema的使用

直接上案例&#xff1a; 在Web Api通讯中&#xff0c;客户端发送json数据&#xff0c;服务端反序列化json&#xff08;json与某个类形成对应关系&#xff09;&#xff0c;在某些情况下&#xff0c;需要校验其上传的json是否合法。 服务端是使用Json.net(newtonsoft.json)进行…