发现了一个蛮好用的svg编辑器：http://editor.method.ac/
我不说估计谁都看不出来这一坨画的是云吧。。。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<svg width="100%" height="500px" onclick="hoverFun()">
<path stroke-dasharray="10 10" stroke-dashoffset="400" id="mysvg"
d="m240.5,159.450012c0,-1 -1,-1 -3,-3c-1,-1 -2,-2 -3,-3c-1,-1 -1.292892,-1.292892 -2,-2c-0.707108,-0.707108 -0.61731,-2.076126 -1,-3c-1.082397,-2.613129 -2.173096,-3.852737 -3,-5c-1.307449,-1.813995 -2.458801,-2.693436 -3,-4c-0.765366,-1.847763 -1.234634,-3.152237 -2,-5c-0.541199,-1.306564 -2.458801,-2.693436 -3,-4c-0.765366,-1.847763 -0.692551,-3.186005 -2,-5c-0.826904,-1.14727 -2.458801,-2.693436 -3,-4c-0.38269,-0.923882 -0.71022,-2.042908 -1,-3c-1.04483,-3.450844 -1.693436,-4.458801 -3,-5c-0.923874,-0.382683 -2.458801,-1.693436 -3,-3c-0.38269,-0.923882 -1,-3 -2,-5c-1,-2 -1.173096,-2.85273 -2,-4c-1.307449,-1.813995 -2.486252,-2.823746 -3,-5c-0.229752,-0.973251 -1.458801,-1.693436 -2,-3c-0.38269,-0.923882 -1.458801,-2.693436 -2,-4c-0.38269,-0.923882 -1,-2 -1,-3c0,-1 -1,-3 -1,-4c0,-1 -0.458801,-1.693436 -1,-3c-0.38269,-0.923882 -0.292892,-1.292892 -1,-2c-0.707108,-0.707108 -1,-1 -1,-2c0,-1 1,-1 2,-1c1,0 2.026749,-0.229752 3,0c2.176254,0.513741 3,1 4,2c1,1 2.292892,1.292892 3,2c0.707108,0.707108 1.458801,0.693436 2,2c0.38269,0.923882 0.292892,1.292892 1,2c0.707108,0.707108 1.076126,0.617317 2,1c1.306564,0.541199 1.692551,2.186005 3,4c0.826904,1.14727 1.61731,2.076118 2,3c0.541199,1.306564 1.61731,1.076118 2,2c0.541199,1.306564 1.61731,2.076118 2,3c0.541199,1.306564 1.292892,2.292892 2,3c0.707108,0.707108 0.692551,1.186005 2,3c0.826904,1.14727 1.692551,2.186005 3,4c1.653809,2.29454 2.292892,2.292892 3,3c0.707108,0.707108 0.61731,1.076118 1,2c0.541199,1.306564 2.458801,1.693436 3,3c0.38269,0.923882 1.292892,1.292892 2,2c0.707108,0.707108 1,1 2,2c1,1 1.418854,1.418861 3,3c1.581146,1.581139 2.292892,1.292892 3,2c0.707108,0.707108 0.61731,2.076118 1,3c0.541199,1.306564 2,2 2,3c0,1 -0.414215,2.585785 1,4c0.707108,0.707108 0.292892,1.292892 1,2c0.707108,0.707108 1.458801,0.693436 2,2c0.38269,0.923874 0.292892,1.292892 1,2c0.707108,0.707108 -0.486252,0.176254 -1,-2c-0.459503,-1.946503 0,-3 0,-4c0,-1 0,-3 0,-4c0,-1 0,-2 0,-4c0,-1 0.234634,-2.152245 1,-4c0.541199,-1.306564 1,-2 1,-3c0,-1 1,-2 1,-3c0,-1 0.770248,-4.026749 1,-5c0.513748,-2.176254 2,-3 2,-4c0,-2 0.234634,-4.152245 1,-6c0.541199,-1.306564 1,-2 1,-4c0,-1 -0.307465,-2.186005 1,-4c0.826904,-1.14727 0.61731,-2.076118 1,-3c0.541199,-1.306564 1,-2 1,-3c0,-1 0.292908,-1.292892 1,-2c0.707092,-0.707108 0.61731,-2.076118 1,-3c0.541199,-1.306564 1.458801,-1.693436 2,-3c0.38269,-0.923882 1.076111,-1.617317 2,-2c1.306549,-0.541199 1.292908,-1.292892 2,-2c0.707092,-0.707108 0,-2 1,-2c1,0 1.292908,-1.292892 2,-2c0.707092,-0.707108 2,0 3,0c1,0 1.292908,0.292892 2,1c0.707092,0.707108 1,1 1,2c0,1 1.458801,1.693436 2,3c0.38269,0.923882 0.61731,2.076118 1,3c0.541199,1.306564 1.486267,1.823746 2,4c0.459503,1.946495 0.149353,2.474266 1,3c1.9021,1.175568 0.234619,3.152245 1,5c1.082397,2.613129 2,4 2,5c0,1 -0.307465,3.186005 1,5c0.826904,1.14727 1.458801,1.693436 2,3c0.765381,1.847755 -0.38269,3.076118 0,4c0.541199,1.306564 0.234619,2.152245 1,4c0.541199,1.306564 1,3 1,4c0,2 1,3 1,4c0,1 -0.38269,2.076118 0,3c0.541199,1.306564 1.292908,1.292892 2,2c0.707092,0.707108 0,2 0,3c0,1 1,2 1,3c0,1 0.292908,1.292892 1,2c0.707092,0.707108 -0.38269,3.076126 0,4c0.541199,1.306564 0,3 1,3c1,0 0.458801,-1.693436 1,-3c0.38269,-0.923874 0.458801,-1.693436 1,-3c0.38269,-0.923874 0,-2 1,-3c1,-1 0.234619,-2.152237 1,-4c1.082397,-2.613129 2.173096,-3.85273 3,-5c1.307465,-1.813995 1.103394,-2.906326 2,-4c2.285889,-2.788322 4.173096,-6.85273 5,-8c1.307465,-1.813995 1,-4 3,-6c1,-1 2.371338,-2.746742 5,-7c1.175568,-1.902115 1.173096,-2.85273 2,-4c1.307465,-1.813995 1.206818,-2.81266 3,-5c2.285889,-2.788322 2,-4 3,-5c2,-2 3,-3 4,-5c1,-2 1.61731,-2.076118 2,-3c0.541199,-1.306564 1.186005,-1.692551 3,-3c1.147278,-0.826904 1.474274,-2.149345 2,-3c1.175568,-1.902115 2.292908,-2.292892 3,-3c1.414215,-1.414215 2.076111,-0.617317 3,-1c1.306549,-0.541195 3.076111,-1.617317 4,-2c1.306549,-0.541195 2.824432,-0.097885 4,-2c0.525726,-0.850651 1,-1 2,-1c1,0 1.693451,-0.458805 3,-1c0.923889,-0.382683 2.292908,-0.707108 3,0c1.414215,1.414215 1,2 1,3c0,1 1,1 1,2c0,1 0.292908,1.292892 1,2c0.707092,0.707108 0,2 0,3c0,1 0,2 0,4c0,1 0,3 0,5c0,1 0,2 0,3c0,1 0,2 0,3c0,1 0,2 0,3c0,2 -1,2 -1,4c0,1 0.38269,2.076118 0,3c-0.541199,1.306564 -0.693451,3.458801 -2,4c-0.923889,0.382683 -1,1 -1,2c0,1 -1,2 -1,3c0,1 -0.292908,1.292892 -1,2c-0.707092,0.707108 0,2 0,3c0,1 -1.458801,0.693436 -2,2c-0.38269,0.923882 0,2 0,3c0,1 -0.292908,1.292892 -1,2c-0.707092,0.707108 0,2 0,3c0,1 0,2 0,3c0,1 0.292908,1.292892 1,2c0.707092,0.707108 1,2 2,2c1,0 2,0 3,0c1,0 1,-1 2,-1c2,0 3.693451,-1.458801 5,-2c1.847748,-0.765366 2.693451,-1.458801 4,-2c1.847748,-0.765366 5.152252,0.765366 7,0c1.306549,-0.541199 3.053497,-1.540497 5,-2c2.176239,-0.513741 4.132996,-0.569504 8,-2c2.097168,-0.775795 4,-2 6,-2c2,0 3.934143,-0.144295 6,-1c2.92157,-1.210152 5,-1 6,-1c1,0 3,0 5,0c1,0 3,0 4,0c1,0 1.292908,0.292892 2,1c0.707092,0.707108 1.292908,0.292892 2,1c0.707092,0.707108 1.292908,0.292892 2,1c0.707092,0.707108 1.693451,1.458801 3,2c0.923889,0.382683 2.292908,0.292892 3,1c0.707092,0.707108 1,1 2,2c1,1 2,2 3,3c1,1 1,2 2,3c1,1 0.693451,2.458801 2,3c0.923889,0.38269 1.486267,0.823746 2,3c0.229767,0.973251 0.458801,1.693436 1,3c0.38269,0.923874 1,1 1,3c0,2 1,2 1,3c0,1 0,2 0,3c0,2 0,3 0,4c0,1 0,3 0,4c0,1 -0.693451,1.458801 -2,2c-0.923889,0.38269 -1.076111,0.61731 -2,1c-1.306549,0.541199 -2.292908,0.292892 -3,1c-0.707092,0.707108 -0.693451,1.458801 -2,2c-0.923889,0.38269 -2.292908,-0.707108 -3,0c-0.707092,0.707108 -1,2 -2,2c-1,0 -1.292908,0.292892 -2,1c-0.707092,0.707108 -1.21167,0.714127 -4,3c-1.093658,0.896591 -2.292908,2.292892 -3,3c-0.707092,0.707108 -1.585785,-0.414215 -3,1c-0.707092,0.707108 -0.692535,1.186005 -2,3c-0.826904,1.147263 -2.707092,1.292892 -2,2c0.707092,0.707108 1.61731,1.076126 2,2c0.541199,1.306564 3.076111,1.61731 4,2c1.306549,0.541199 2.076111,1.61731 3,2c1.306549,0.541199 3,2 5,3c2,1 2.693451,1.458801 4,2c1.847748,0.765366 3.042908,0.71022 4,1c3.450836,1.04483 3.386871,2.917603 6,4c0.923889,0.38269 2.693451,2.458801 4,3c0.923889,0.38269 3.852722,2.173096 5,3c1.813995,1.307449 3.186005,0.692551 5,2c1.147278,0.826904 2.372009,1.385101 6,4c1.147278,0.826904 1.852722,2.173096 3,3c1.813995,1.307449 3,2 4,3c1,1 0.693451,2.458801 2,3c0.923889,0.38269 1,1 2,2c1,1 1.61731,2.076126 2,3c0.541199,1.306564 1.292908,1.292892 2,2c1.414215,1.414215 1.458801,2.693436 2,4c0.38269,0.923874 -0.525726,3.149353 0,4c1.175568,1.902115 1.292908,2.292892 2,3c0.707092,0.707108 1,1 1,2c0,1 1,1 1,2c0,1 0,2 0,3c0,1 -0.458801,1.693436 -1,3c-0.38269,0.923874 -1.292908,0.292892 -2,1c-0.707092,0.707108 -0.693451,1.458801 -2,2c-0.923889,0.38269 -2.076111,-0.38269 -3,0c-1.306549,0.541199 -3,2 -4,2c-1,0 -2.076111,-0.38269 -3,0c-1.306549,0.541199 -2.823761,1.486252 -5,2c-0.973236,0.229752 -3,0 -4,0c-1,0 -2.152252,-0.765366 -4,0c-1.306549,0.541199 -2,1 -3,1c-1,0 -2,0 -2,1c0,1 0.770233,1.026749 1,2c0.513733,2.176254 1,3 2,4c1,1 1.458801,1.693436 2,3c0.38269,0.923889 1,3 2,4c1,1 2.458801,2.693451 3,4c0.38269,0.923889 0.337494,2.309998 2,5c0.7435,1.203003 0.692535,2.186005 2,4c0.826904,1.147278 1,2 2,4c1,2 1.770233,4.026764 2,5c0.513733,2.176239 2.173096,2.852722 3,4c1.307465,1.813995 1.95517,2.549164 3,6c0.289795,0.957092 1.486267,1.823761 2,4c0.229767,0.973236 1.458801,1.693451 2,3c1.148041,2.771637 -0.707092,4.292908 0,5c0.707092,0.707092 1,1 1,2c0,1 1,2 1,3c0,1 0,2 0,3c0,1 0.38269,2.076111 0,3c-0.541199,1.306549 -1.693451,1.458801 -3,2c-0.923889,0.38269 -1.292908,0.292908 -2,1c-0.707092,0.707092 -3,0 -4,0c-1,0 -2.076111,-0.38269 -3,0c-1.306549,0.541199 -2,1 -4,1c-3,0 -5,0 -7,0c-2,0 -4,0 -6,0c-2,0 -7,0 -9,0c-1,0 -3,0 -5,0c-2,0 -5,0 -7,0c-3,0 -4.852722,-0.173096 -6,-1c-1.813995,-1.307465 -3.852722,-1.173096 -5,-2c-3.627991,-2.614899 -7,-2 -8,-2c-1,0 -2.693451,-1.458801 -4,-2c-1.847748,-0.765381 -5.053497,-1.540497 -7,-2c-2.176239,-0.513733 -3.693451,-2.458801 -5,-3c-0.923889,-0.38269 -3,-1 -5,-2c-2,-1 -3.152252,-1.234619 -5,-2c-1.306549,-0.541199 -2.152252,-1.234619 -4,-2c-1.306549,-0.541199 -3.292908,-1.292908 -4,-2c-0.707092,-0.707092 -2.292908,-0.292908 -3,-1c-0.707092,-0.707092 0,0 0,1c0,1 0,2 0,5c0,1 0,2 0,3c0,2 1,3 1,4c0,3 0,5 0,6c0,2 0,3 0,4c0,2 0,4 0,6c0,2 0,4 0,6c0,1 0,2 0,4c0,2 0,3 0,5c0,1 0,2 0,3c0,3 0,4 0,5c0,2 0,3 -1,3c-1,0 -2,0 -4,0c-1,0 -5.026764,-0.770233 -6,-1c-2.176239,-0.513733 -3.152252,-0.234619 -5,-1c-1.306549,-0.541199 -2,-1 -6,-1c-2,0 -3.934143,-0.144287 -6,-1c-2.92157,-1.210144 -5.019318,-1.722595 -7,-2c-7.209747,-1.009766 -9.080261,-2.31073 -12,-3c-2.176239,-0.513733 -4.025818,-2.679626 -6,-3c-3.121429,-0.506531 -6.796997,-3.2565 -8,-4c-2.690002,-1.662506 -3.852722,-1.173096 -5,-2c-1.813995,-1.307465 -3.21167,-0.714111 -6,-3c-1.093658,-0.896606 -3.076111,-2.61731 -4,-3c-1.306549,-0.541199 -1.693451,-2.458801 -3,-3c-0.923889,-0.38269 -1,1 -2,2c-1,1 -1,2 -2,3c-1,1 -1,3 -2,4c-1,1 -2.346191,3.705475 -4,6c-1.307465,1.813995 -2,4 -3,5c-2,2 -3.103394,3.906342 -4,5c-2.285889,2.78833 -3.92807,5.611053 -6,8c-1.465088,1.68924 -3.852722,3.173096 -5,4c-1.813995,1.307465 -3.21167,2.714111 -6,5c-1.093658,0.896606 -3,1 -4,2c-1,1 -2,2 -3,2c-1,0 -2.458801,0.306549 -3,-1c-0.38269,-0.923889 -1.372009,-1.385101 -5,-4c-1.147263,-0.826904 -2.61731,-2.076111 -3,-3c-0.541199,-1.306549 -3,-2 -4,-3c-1,-1 -3,-2 -4,-3c-1,-1 -2.186005,-1.692535 -4,-3c-2.29454,-1.653809 -2.852737,-3.173096 -4,-4c-1.813995,-1.307465 -2.549149,-3.95517 -6,-5c-0.957092,-0.289795 -2.693436,-1.458801 -4,-2c-0.923874,-0.38269 -1.693436,-1.458801 -3,-2c-1.847763,-0.765381 -3.076126,-1.61731 -4,-2c-1.306564,-0.541199 -2.076126,-0.61731 -3,-1c-1.306564,-0.541199 -2.824432,-0.0979 -4,-2c-0.525726,-0.850647 -1,-1 -2,-1c-1,0 -2,0 -3,0c-1,0 -2,0 -3,0c-1,0 -2.076126,-0.38269 -3,0c-1.306564,0.541199 -2.152237,1.234619 -4,2c-1.306564,0.541199 -3,1 -4,2c-1,1 -3.222733,0.723999 -7,4c-1.068375,0.926605 -3.076126,1.61731 -4,2c-1.306564,0.541199 -2.076126,1.61731 -3,2c-1.306564,0.541199 -1.693436,1.458801 -3,2c-0.923874,0.38269 -2.076126,0.38269 -3,0c-1.306564,-0.541199 -2,-2 -2,-3c0,-1 -0.458801,-1.693451 -1,-3c-0.38269,-0.923889 0.414215,-3.585785 -1,-5c-0.707108,-0.707092 -1,-3 -1,-4c0,-2 0,-3 0,-4c0,-2 0,-4 0,-6c0,-2 0,-3 0,-5c0,-2 0,-3 0,-9c0,-1 0,-3 0,-5c0,-2 0,-3 0,-4c0,-3 0,-4 0,-5c0,-2 0.38269,-3.076111 0,-4c-0.541199,-1.306549 -1.076126,-2.38269 -2,-2c-1.306564,0.541199 -1.61731,4.076111 -2,5c-0.541199,1.306549 -1.61731,2.076111 -2,3c-1.082397,2.613129 -2.692551,4.186005 -4,6c-0.826904,1.147278 -3,3 -4,4c-1,1 -1,4 -6,9c-1,1 -2,3 -3,4c-1,1 -2.386871,2.917603 -5,4c-0.923874,0.38269 -1,1 -2,1c-1,0 -2,0 -3,0c-1,0 -4.149345,-1.474274 -5,-2c-1.902115,-1.175568 -3.173096,-2.852722 -4,-4c-1.307449,-1.813995 -2.16124,-3.796265 -6,-7c-1.716743,-1.43277 -3.613838,-2.296997 -6,-5c-1.479836,-1.676331 -3.323669,-4.520172 -5,-6c-5.406006,-4.772339 -6,-8 -8,-10c-3,-3 -4.613838,-4.296997 -7,-7c-1.479836,-1.676331 -3.112137,-3.918304 -6,-8c-2.082466,-2.943359 -3.346191,-4.705475 -5,-7c-1.307449,-1.813995 -2.692551,-4.186005 -4,-6c-2.480713,-3.441803 -4,-4 -6,-6c-1,-1 -2.617317,-3.076126 -3,-4c-0.541195,-1.306564 -3.458805,-2.693436 -4,-4c-0.382683,-0.923874 -0.617317,-1.076126 -1,-2c-0.541195,-1.306564 -1,-2 1,-2c1,0 2,0 4,0c1,0 2,0 3,0c1,0 2.292892,0.707108 3,0c0.707108,-0.707108 -0.458801,-2.693436 -1,-4c-0.382683,-0.923874 0.382683,-2.076126 0,-3c-0.541199,-1.306564 -1,-3 -1,-4c0,-3 0,-4 0,-6c0,-1 0,-2 0,-5c0,-2 -1,-4 -1,-6c0,-1 0,-2 0,-5c0,-1 0,-2 0,-5c0,-1 0.382683,-2.076126 0,-3c-0.541199,-1.306564 -2.541195,-2.693436 -2,-4c0.382683,-0.923874 2,0 3,0c1,0 2,-1 3,-1c1,0 2,0 4,0c1,0 5,-1 6,-1c2,0 4,0 6,0c2,0 4,0 8,0c1,0 4,0 6,0c2,0 3,0 4,0c3,0 4,0 6,0c1,0 3,0 4,0c1,0 1.707108,-0.292892 1,-1c-0.707108,-0.707108 -1,-1 -1,-2c0,-1 -1,-2 -2,-4c-1,-2 -1.292892,-4.292892 -2,-5c-0.707108,-0.707108 -2.376411,-1.080307 -4,-5c-0.382683,-0.923874 -1,-2 -2,-4c-1,-2 -1.234634,-3.152237 -2,-5c-1.623589,-3.919693 -2.692551,-5.186005 -4,-7c-0.826904,-1.147263 -0.693436,-3.458801 -2,-4c-0.923882,-0.38269 -3,-3 -3,-4c0,-1 -1,-2 -1,-3c0,-2 -1,-2 -1,-3c0,-1 -1.306564,-2.458801 0,-3c0.923882,-0.38269 2,0 3,0c1,0 2,0 3,0c1,0 2.693436,0.458801 4,1c1.847755,0.765366 2.693436,0.458801 4,1c0.923882,0.38269 1.925797,0.497559 7,1c0.995132,0.098541 3,0 4,0c2,0 6,0 7,0c1,0 1.693436,-0.458801 3,-1c0.923882,-0.38269 3,-1 4,-2c1,-1 1.292892,-1.292892 2,-2c0.707108,-0.707108 0,-2 0,-3c0,-2 0,-3 0,-5c0,-1 0.160187,-2.012909 0,-3c-0.506546,-3.121445 -1.61731,-5.076126 -2,-6c-0.541199,-1.306564 -0.61731,-3.076118 -1,-4c-0.541199,-1.306564 -2,-3 -2,-4c0,-2 -0.617317,-3.076118 -1,-4c-0.541199,-1.306564 -1.292892,-1.292892 -2,-2c-0.707108,-0.707108 0,-2 1,-2c1,0 3,1 4,1c1,0 2.076126,0.617317 3,1c1.306564,0.541199 2,2 4,3c2,1 2.097885,1.824432 4,3c1.701309,1.05146 2.097885,1.824432 4,3c1.701309,1.05146 5.186005,1.692551 7,3c1.147263,0.826904 3.152237,1.234634 5,2c1.306564,0.541199 3.310013,1.337494 6,3c1.203003,0.7435 3,1 4,1c2,0 4.007492,0.877823 5,1c4.092209,0.503769 5,1 6,1c1,0 2,0 3,0c1,0 1,-1 1,-2c0,-1 0,-2 0,-3c0,-1 -0.486252,-1.823746 -1,-4c-0.459503,-1.946495 0.229752,-3.026749 0,-4c-0.513748,-2.176254 -1,-3 -2,-5c-1,-2 -1,-3 -1,-4c0,-1 -1,-2 -1,-3c0,-1 -0.707108,-2.292892 0,-3c0.707108,-0.707108 1.292892,0.292892 2,1c0.707108,0.707108 1.292892,1.292892 2,2c0.707108,0.707108 0.386871,2.91761 3,4c0.923874,0.382683 2.346191,0.70546 4,3c1.307449,1.813995 1.520157,2.323669 3,4c2.386169,2.703003 5.186005,2.692551 7,4c1.147263,0.826904 2.186005,2.692551 4,4c2.29454,1.653809 6.186005,4.692551 8,6c1.147263,0.826904 3.186005,1.692551 5,3c1.147263,0.826904 3.186005,1.692551 5,3c1.147263,0.826904 3.076126,1.61731 4,2c1.306564,0.541199 2,2 3,2c1,0 2,0 3,0c1,0 2,0 3,0c1,0 2,0 3,0c2,0 3,0 5,0c1,0 1,1 2,1c1,0 1.693436,0.458801 3,1c0.923874,0.38269 1.707108,-0.707108 1,0c-0.707108,0.707108 0,2 -1,2c-1,0 -1.292892,0.292892 -2,1c-0.707108,0.707108 -1,1 -2,1c-1,0 -1.292892,0.292892 -2,1c-0.707108,0.707108 -1.292892,0.292892 -2,1c-0.707108,0.707108 -2,1 -2,2c0,1 0,2 0,3l0,1l0,1"
id="svg_11" stroke-width="1.5" stroke="#000" fill="none"/>
</svg>
<script>
hoverFun();
var t=null;
function hoverFun() {
document.getElementById("mysvg").style.strokeDasharray = 10;
hover(100);
}
function hover(i) {
clearTimeout(t);
if (i > 0) {
t = setTimeout(function () {
document.getElementById("mysvg").style.strokeDasharray = i;
hover(--i);
}, 100);
} else {
setTimeout(function () {
return hover(100);
}, 1000);
}
}
</script>
</body>
</html>
2949
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
