<svg @click="draw" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 560">
<title>how</title>
<path id="path" d="M557.691,88.772c-15.81-3.49-33-7.14-48.52-0.56
c-13.24,5.61-20.62,16.75-21,31.07c-0.21,8.78,1.05,17.56,1.12,26.35c0.126,9.155-0.526,18.305-1.95,27.35
c-2.67,16.4-8.38,32.33-18.1,45.91c-18.55,25.91-53.58,41.22-83.76,25.58c-7.07-3.66-13.88-9.07-17.49-16.34
c-4.6-9.28-0.73-18.07,4.87-25.88c9.72-13.55,23.53-23.35,34.14-36.13c9.17-11,16.68-25.11,14.73-39.91
c-1.81-13.77-12-25.16-24.37-30.85c-23.7-11-66.34-6.73-75.32,22.28c-4.85,15.65,6.68,26.25,12.07,39.7
c6.62,16.5,0.81,36.21-7,51.31c-3.76,7.26-8.71,14.23-15.64,18.77c-7.85,5.15-17.1,5.73-26.22,5.65
c-17.78-0.159-35.5-2.081-52.9-5.74c-33-6.89-67.35-19.53-94.72-39.59c-12.39-9.22-24.63-22.61-22.74-39.32
c1.92-17,16.99-30.9,32.82-35.61c8.24-2.43,17-2.39,24.89,1.08"/>
</svg><script>var scr = {"scripts":[
{"src" : "libs/jquery/jquery-1.11.2.min.js", "async" : false},
{"src" : "libs/slick/slick.min.js", "async" : false},
{"src" : "js/libs.js", "async" : false},
{"src" : "js/common.js", "async" : false},
// {"src" : "js/animate/animate-css.js", "async" : false},
{"src" : "libs/maskedinput/jquery.maskedinput.min.js", "async" : false},
{"src" : "libs/magnific-popup/jquery.magnific-popup.min.js", "async" : false}
]};!function(t,n,r){"use strict";var c=function(t){if("[object Array]"!==Object.prototype.toString.call(t))return!1;for(var r=0;r<t.length;r++){var c=n.createElement("script"),e=t[r];c.src=e.src,c.async=e.async,n.body.appendChild(c)}return!0};t.addEventListener?t.addEventListener("load",function(){c(r.scripts);},!1):t.attachEvent?t.attachEvent("onload",function(){c(r.scripts)}):t.onload=function(){c(r.scripts)}}(window,document,scr);
</script>