HTML5 Inline SVG
生活随笔
收集整理的這篇文章主要介紹了
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
總結
以上是生活随笔為你收集整理的HTML5 Inline SVG的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： tennylvHTML5实现屏幕手势解锁
- 下一篇： web前端-回调函数sort详解