From d71a493e47ab545d59c2318b7a83163af3e201f4 Mon Sep 17 00:00:00 2001 From: jljsj Date: Wed, 10 Jan 2018 10:26:21 +0800 Subject: [PATCH] re path ease --- package.json | 2 +- site/theme/template/Home/BannerImage.jsx | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 54358edb37..b7d7466568 100644 --- a/package.json +++ b/package.json @@ -137,7 +137,7 @@ "rc-drawer-menu": "^0.5.3", "rc-queue-anim": "^1.4.1", "rc-scroll-anim": "^2.2.1", - "rc-tween-one": "^1.7.1", + "rc-tween-one": "^1.7.2", "react": "^16.0.0", "react-color": "^2.11.7", "react-copy-to-clipboard": "^5.0.0", diff --git a/site/theme/template/Home/BannerImage.jsx b/site/theme/template/Home/BannerImage.jsx index 235ce257f1..532baf0a05 100644 --- a/site/theme/template/Home/BannerImage.jsx +++ b/site/theme/template/Home/BannerImage.jsx @@ -6,6 +6,7 @@ TweenOne.plugins.push(PathPlugin); const duration = 7000; const ease = 'easeInOutSine'; const p = 'M123.5,89.5 C148,82.5 239.5,48.5 230,17.5 C220.5,-13.5 127,6 99.5,13.5 C72,21 -9.5,56.5 1.5,84.5 C12.5,112.5 99,96.5 123.5,89.5 Z'; +const easePath = 'M0,100 C7.33333333,89 14.3333333,81.6666667 21,78 C25.3601456,75.6019199 29.8706084,72.9026327 33,70 C37.0478723,66.2454406 39.3980801,62.0758689 42.5,57 C48,46.5 61.5,32.5 70,28 C77.5,23.5 81.5,20 86.5,16 C89.8333333,13.3333333 94.3333333,8 100,0'; const loop = { yoyo: true, repeat: -1, @@ -17,7 +18,7 @@ const animate = { path: { x: p, y: p }, duration: 5000, repeat: -1, - ease: 'linear', + ease: TweenOne.easing.path(easePath, { lengthPixel: 400 }), }, rotate: { ...loop,