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,一经查实,立即删除!

相关文章

【err】VIDEOIO ERROR: V4L: index 0 is not correct!Unable to connect to camera

前言 新到手一块板子&#xff0c;程序编译成功之后&#xff0c;运行出现错误&#xff0c;不能连接到摄像头。 问题 VIDEOIO ERROR: V4L: index 0 is not correct! Unable to connect to camera 查询系统摄像头接口 ubuntumyimx6ek200:~/build$ ls /dev/vi* /dev/video0 /dev/vi…

linux 卸载lv,Linux 软件安装、卸载、查询

平台构建及注意事项软件安装、配置等一、RPM 安装方法&#xff1a;# RPM -ivh XXX.rpm软件将被安装到缺省目录下。(不可指定安装路径&#xff01;)二、软件卸载&#xff1a;1、查询安装的软件注册名称&#xff1a;# rpm -q -a 部分可猜测软件名前缀 *2、卸载软件&#xff1a;#…

前端开发网络——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…

CSS DIV Shadow

css code: /*2011-11-28 塗聚文 締友計算機信息技術有限公司CSS DIV Shadowcss3 */#geovinduDiv-shadow{padding:10px;background-color:#f9f9f9;border:1px solid #fff;position:relative;/*Firefox*/-moz-box-shadow: 3px 3px 4px #000;/*Safari,Chrome*/-webkit-box-shadow:…

面试题1——反转单链表

题目 反转一个单链表 实现 1.&#xff08;递归法&#xff09;利用递归思想&#xff0c;从头结点递归遍历到最后一个结点&#xff0c;递归返回最后一个结点并修改指针&#xff0c;使指针指向前一个结点。 2.&#xff08;移动指针&#xff09;定义当前结点指针cur&#xff0c;前一…

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

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

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

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

sublime text3

注册码注册信息 v3143可用 —– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D7F7D4 95BC8C1C 527DA828 560BB037 D1EDDD8C AE7B379F 50C9D69D B35179EF 2FE898C4 8E4277A8 555CE…

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 示例文…

HDU 5025Saving Tang Monk BFS + 二进制枚举状态

3A的题目&#xff0c;第一次TLE&#xff0c;是因为一次BFS起点到终点状态太多爆掉了时间。 第二次WA&#xff0c;是因为没有枚举蛇的状态。 解体思路&#xff1a; 因为蛇的数目是小于5只的&#xff0c;那就首先枚举是否杀死每只蛇即可。 然后多次BFS&#xff0c;先从起点到第一…

ansible模块之yum、pip、service、corn、user、group

ansible相关模块 yum rpm 和yum 的区别 rpm&#xff1a;全称redhat package manager &#xff08;红帽包管理器&#xff09; 不能解决包之间的依赖关系 yum&#xff1a;可以解决依赖关系yum 源配置[rootlocalhost ~]# cat /etc/yum.repos.d/epel.repo [epel] nameExtra Package…

linux nuttx 环境搭建,ubuntu14.04 nuttx开发环境的搭建

origin: http://blog.csdn.net/hunter168_wang/article/details/529145451. NUTTX编译用 toolchain的下载与配置开发环境&#xff1a;64位Ubuntu 14.04 系统编译NuttX用的toolchain下载地址&#xff1a;https://launchpadlibrarian.net/268330503/gcc-arm-none-eabi-5_4-2016q2…

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…

C# 只允许运行一个程序实例

using System; using System.Windows.Forms; using System.Runtime.InteropServices;//使用DllImport的必须。 using System.Diagnostics;//引入Process 类namespace 命名空间 {static class Program{private const int WS_SHOWNORMAL 1;[DllImport("User32.dll")]p…

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

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