svg+spirit实现射箭动画效果代码-html代码-BFW代码库

svg+spirit实现射箭动画效果代码

代码语言：html

所属分类：动画

代码描述：svg+spirit实现射箭动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
<style>
body {
  background: #F9E3B1;
}

svg {
  display: block;
  width: auto;
  height: 90vh;
  margin: 0 auto;
}
</style>

 

</head>

<body  >
  <svg viewBox="0 0 1836 1514">
  <rect style="fill:#F9E3B1;" width="1836" height="1514" />
  <line style="fill:none;stroke:#282828;stroke-width:22;stroke-linecap:round;stroke-miterlimit:10;" x1="902.094" y1="974.078" x2="933.592" y2="1143.565" />
  <path id="arm-left" style="fill:none;stroke:#282828;stroke-width:23;stroke-linecap:round;stroke-miterlimit:10;" d="
    M992.089,821.086c0,0,133.493,29.998,275.986-133.493" />
  <path style="fill:#37B1BC;" d="M557.41,695.625c-1.437,15.111-2.457,24.666-3.079,35.684c-0.622,32.637-0.846,10.553-0.689,33.12
    c0.156,6.937,0.693,19.95,1.591,30.634c0.898,5.791,2.159,28.592,3.763,28.227c1.604,4.874,3.552,18.05,5.825,25.898
    c2.273,32.227,4.872,23.587,7.778,23.649c2.906,27.982,6.119,24.541,9.622,21.477c3.502,1.703,7.294,12.914,11.356,19.384
    c4.062,17.372,8.396,10.541,12.982,17.369c4.586,4.178,9.425,19.397,14.498,15.433c5.073-5.487,10.381,1.483,15.905,13.576
    c2.762-2.541,5.578-3.807,8.446-2.33s5.788,5.697,8.757,14.126c2.969,0.976,5.988,8.544,9.054,9.986
    c3.066,2.709,6.179,0.701,9.338,0.111c3.158,7.421,6.362,8.123,9.607,8.84c3.246-1.208,6.535-3.993,9.864-0.366
    c3.329,6.638,6.699,7.535,10.106,4.605c3.408-8.441,6.853-1.254,10.335,2.326c3.482,6.669,6.999,3.455,10.551,3.101
    c3.551,7.017,7.136,7.69,10.753,2.365c5.786,1.818,11.652,8.492,17.589,3.371c5.937-3.738,11.945-2.81,18.014,2.523
    c6.069,11.182,12.2,7.311,18.383,1.716c6.183-1.903,12.419-14.005,18.697,0.95c6.278,2.862,12.6,3.835,18.956,0.222
    c8.78-2.844,17.431,9.561,25.939-1.323c8.508-2.197,16.874-3.913,25.086-.........完整代码请登录后点击上方下载按钮下载查看