leftyer/wa
1
0
Fork 0
mirror of https://gitee.com/wa-lang/wa.git synced 2025-12-06 09:18:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore：add svg animation (#29)

Browse Source 
Co-Authored-By: chai2010 <chaishushan@gmail.com>

Co-authored-by: chai2010 <chaishushan@gmail.com>
This commit is contained in:
xxx
2022-09-17 22:43:43 +08:00
committed by GitHub
parent e271faf551
commit 43867fda10
2 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/images/logo/logo-animate1.svg Normal file
View File

@@ -0,0 +1,22 @@
<!--
// 版权 @2019 凹语言 作者。保留所有权利。
// https://github.com/wa-lang
-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M50 70C50 58.9543 58.9543 50 70 50H130C141.046 50 150 58.9543 150 70V74V130V150H250V130V74V70C250 58.9543 258.954 50 270 50H330C341.046 50 350 58.9543 350 70V94V130V330C350 341.046 341.046 350 330 350H70C58.9543 350 50 341.046 50 330V130V94V70Z" fill="LightSeaGreen" />
<circle cx="100" cy="100" r="5" stroke="black" stroke-width="0" fill="white">
<animate attributeName="r" values="0;5;5;0" dur="1s" repeatCount="1" />
</circle>
<circle cx="300" cy="100" r="5" stroke="black" stroke-width="0" fill="white">
<animate attributeName="r" values="0;5;5;0" dur="1s" repeatCount="1" />
</circle>
<path d="M200 230L234 264L268 230M200 230L166 264L132 230" stroke="white" stroke-width="8" stroke-linecap="round" stroke-dasharray="0,0,0,192">
<animate attributeType="XML" attributeName="stroke-dasharray" values="0,0,0,192;0,96,96,0; 192,0,0,0" keyTimes="0; 0.5;1" fill="freeze" dur="1.5s" repeatCount="1" />
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

24
docs/images/logo/logo-animate2.svg Normal file
View File

@@ -0,0 +1,24 @@
<!--
// 版权 @2019 凹语言 作者。保留所有权利。
// https://github.com/wa-lang
-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M50 70C50 58.9543 58.9543 50 70 50H130C141.046 50 150 58.9543 150 70V74V130V150H250V130V74V70C250 58.9543 258.954 50 270 50H330C341.046 50 350 58.9543 350 70V94V130V330C350 341.046 341.046 350 330 350H70C58.9543 350 50 341.046 50 330V130V94V70Z" fill="LightSeaGreen">
<animateMotion path="M 0 0 v 30 Z" dur="0.8s" repeatCount="indefinite" />
</path>
<path stroke="none" fill="white" d="M100,100 m-5,-5 h10 v10 h-10">
<animateMotion path="M 0 0 v 30 Z" dur="0.8s" repeatCount="indefinite" />
</path>
<path stroke="none" fill="white" d="M400,100 m-100,0 m-5,-5 h10 v10 h-10">
<animateMotion path="M 0 0 v 30 Z" dur="0.8s" repeatCount="indefinite" />
</path>
<path stroke="white" fill="none" stroke-width="8" stroke-linecap="round" d="M200,230 l34,34 l34,-34 M200,230 l-34,34 l-34,-34">
<animateMotion path="M 0 0 v 30 Z" dur="0.8s" repeatCount="indefinite" />
</path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB