<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>html5 canvas天空乌云密布下雨动画特效</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<canvas id="rain-canvas"></canvas>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
sodipodi:docname="cloud.svg"
id="svg8"
version="1.1"
viewBox="30 25 60 60"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<defs
id="defs2" />
<sodipodi:namedview
inkscape:window-maximized="1"
inkscape:window-y="-16"
inkscape:window-x="-16"
inkscape:window-height="2028"
inkscape:window-width="3840"
showgrid="false"
inkscape:current-layer="layer6"
inkscape:document-units="mm"
inkscape:cy="407.03668"
inkscape:cx="258.82644"
inkscape:zoom="1.979899"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
showguides="true"
inkscape:guide-bbox="true">
<sodipodi:guide
position="-52.384829,189.76137"
orientation="1,0"
id="guide4633"
inkscape:locked="false" />
<sodipodi:guide
position="176.13063,177.33334"
orientation="1,0"
id="guide4635"
inkscape:locked="false" />
</sodipodi:namedview>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer5" class="cloud"
inkscape:label="Layer 5"
style="display:inline">
<path
style="display:inline;opacity:1;fill:#50505a;fill-opacity:1;stroke-width:0.15481538;stroke-miterlimit:4;stroke-dasharray:none"
d="m -52.384914,25.98752 v 13.897862 h 2.377114 a 2.2005903,2.1342411 0 0 0 -2.021065,2.124408 2.2005903,2.1342411 0 0 0 2.2009,2.134738 2.2005903,2.1342411 0 0 0 1.259872,-0.387567 2.6694146,2.58893 0 0 0 2.347658,1.361141 2.6694146,2.58893 0 0 0 2.235007,-1.176664 2.3623985,2.249133 0 0 0 1.179772,0.30334 2.3623985,2.249133 0 0 0 1.090374,-0.25631 2.5050188,2.4294909 0 0 0 0.0801,0.003 2.5050188,2.4294909 0 0 0 1.435055,-0.440797 3.0387001,2.9470813 0 0 0 2.672189,1.550281 3.0387001,2.9470813 0 0 0 2.093928,-0.820094 2.2005903,2.1342411 0 0 0 1.908411,1.075374 2.2005903,2.1342411 0 0 0 1.260906,-0.38757 2.6694146,2.58893 0 0 0 2.347142,1.361664 2.6694146,2.58893 0 0 0 2.235007,-1.176664 2.3623985,2.249133 0 0 0 1.179256,0.30283 2.3623985,2.249133 0 0 0 1.711006,-0.700217 2.6694146,2.58893 0 0 0 0.0088,-0.006 2.2005903,2.1342411 0 0 0 1.970423,1.188034 2.2005903,2.1342411 0 0 0 1.260388,-0.38757 2.6694146,2.58893 0 0 0 2.347143,1.362184 2.6694146,2.58893 0 0 0 2.234489,-1.177184 2.3623985,2.249133 0 0 0 1.18029,0.303337 2.3623985,2.249133 0 0 0 2.348177,-2.024668 2.6694146,2.58893 0 0 0 0.487309,-0.541057 2.5841898,2.5062748 0 0 0 2.272729,1.318264 2.5841898,2.5062748 0 0 0 2.1631754,-1.139454 2.2869756,2.1773262 0 0 0 1.1420494,0.293517 2.2869756,2.1773262 0 0 0 1.0562661,-0.247527 2.4250425,2.351926 0 0 0 0.077515,0.003 2.4250425,2.351926 0 0 0 1.3890625,-0.427367 2.9416854,2.8529915 0 0 0 2.5869221,1.500681 2.9416854,2.8529915 0 0 0 2.02726639,-0.793747 2.1303333,2.0661024 0 0 0 1.84794921,1.041274 2.1303333,2.0661024 0 0 0 1.2200805,-0.375687 2.5841898,2.5062748 0 0 0 2.2722128,1.318264 2.5841898,2.5062748 0 0 0 2.1636921,-1.139464 2.2869756,2.1773262 0 0 0 1.1420491,0.293517 2.2869756,2.1773262 0 0 0 1.6562294,-0.677477 2.5841898,2.5062748 0 0 0 0.0088,-0.006 2.1303333,2.0661024 0 0 0 1.906344,1.150314 2.1303333,2.0661024 0 0 0 1.22008,-0.375167 2.5841898,2.5062748 0 0 0 2.27273,1.318774 2.5841898,2.5062748 0 0 0 2.163175,-1.139454 2.2869756,2.1773262 0 0 0 1.142049,0.293517 2.2869756,2.1773262 0 0 0 2.273246,-1.960601 2.5841898,2.5062748 0 0 0 2.27273,1.318784 2.5841898,2.5062748 0 0 0 2.163175,-1.139464 2.2869756,2.1773262 0 0 0 1.142051,0.293517 2.2869756,2.1773262 0 0 0 1.056264,-0.24804 2.4250425,2.351926 0 0 0 0.07803,0.003 2.4250425,2.351926 0 0 0 1.388544,-0.427367 2.9416854,2.8529915 0 0 0 2.58744,1.500684 2.9416854,2.8529915 0 0 0 2.027267,-0.792717 2.1303333,2.0661024 0 0 0 1.847948,1.040247 2.1303333,2.0661024 0 0 0 1.219565,-0.37517 2.5841898,2.5062748 0 0 0 2.272728,1.318774 2.5841898,2.5062748 0 0 0 2.163175,-1.139464 2.2869756,2.1773262 0 0 0 1.14205,0.29301 2.2869756,2.1773262 0 0 0 1.656747,-0.67696 2.5841898,2.5062748 0 0 0 0.0083,-0.006 2.1303333,2.0661024 0 0 0 1.906344,1.149797 2.1303333,2.0661024 0 0 0 1.220597,-0.374647 2.5841898,2.5062748 0 0 0 2.272213,1.317741 2.5841898,2.5062748 0 0 0 2.163691,-1.138944 2.2869756,2.1773262 0 0 0 1.14205,0.29301 2.2869756,2.1773262 0 0 0 2.273247,-1.960604 2.5841898,2.5062748 0 0 0 0.471805,-0.522447 2.2869756,2.1773262 0 0 0 1.142566,0.29301 2.2869756,2.1773262 0 0 0 0.249079,-0.015 2.5841898,2.5062748 0 0 0 0.887285,0.15658 2.5841898,2.5062748 0 0 0 1.166855,-0.27492 2.5841898,2.5062748 0 0 0 2.028817,0.961694 2.5841898,2.5062748 0 0 0 2.163175,-1.139974 2.2869756,2.1773262 0 0 0 1.142048,0.29352 2.2869756,2.1773262 0 0 0 1.055751,-0.24753 2.4250425,2.351926 0 0 0 0.07803,0.003 2.4250425,2.351926 0 0 0 1.389062,-0.427877 2.9416854,2.8529915 0 0 0 2.586405,1.501191 2.9416854,2.8529915 0 0 0 2.027783,-0.793744 2.1303333,2.0661024 0 0 0 1.847432,1.040764 2.1303333,2.0661024 0 0 0 1.2206,-0.375177 2.5841898,2.5062748 0 0 0 2.272212,1.318264 2.5841898,2.5062748 0 0 0 2.163691,-1.139467 2.2869756,2.1773262 0 0 0 1.14205,0.29353 2.2869756,2.1773262 0 0 0 1.656228,-0.677477 2.5841898,2.5062748 0 0 0 0.0078,-0.006 2.1303333,2.0661024 0 0 0 1.907376,1.150307 2.1303333,2.0661024 0 0 0 1.219565,-0.37517 2.5841898,2.5062748 0 0 0 2.272728,1.318774 2.5841898,2.5062748 0 0 0 2.163175,-1.139454 2.2869756,2.1773262 0 0 0 1.142566,0.29352 2.2869756,2.1773262 0 0 0 2.152841,-1.456237 2.5841898,2.5062748 0 0 0 1.197861,-0.797884 2.2869756,2.1773262 0 0 0 0.536916,0.0631 2.2869756,2.1773262 0 0 0 0.335381,-0.0269 2.2869756,2.1773262 0 0 0 0.433049,0.0424 2.2869756,2.1773262 0 0 0 1.343586,-0.41961 2.5841898,2.5062748 0 0 0 2.219505,1.232994 2.5841898,2.5062748 0 0 0 2.163181,-1.139464 2.2869756,2.1773262 0 0 0 1.14204,0.29353 2.2869756,2.1773262 0 0 0 1.05627,-0.24805 2.4250425,2.351926 0 0 0 0.0775,0.003 2.4250425,2.351926 0 0 0 1.38906,-0.426847 2.9416854,2.8529915 0 0 0 2.58744,1.500161 2.9416854,2.8529915 0 0 0 2.02726,-0.793224 2.1303333,2.0661024 0 0 0 1.84795,1.040234 2.1303333,2.0661024 0 0 0 1.21957,-0.37517 2.5841898,2.5062748 0 0 0 2.27273,1.318777 2.5841898,2.5062748 0 0 0 2.16317,-1.139457 2.2869756,2.1773262 0 0 0 1.14205,0.29352 2.2869756,2.1773262 0 0 0 1.65675,-0.677477 2.5841898,2.5062748 0 0 0 0.008,-0.006 2.1303333,2.0661024 0 0 0 1.90634,1.150314 2.1303333,2.0661024 0 0 0 1.22008,-0.37517 2.5841898,2.5062748 0 0 0 2.27273,1.318257 2.5841898,2.5062748 0 0 0 2.16318,-1.139457 2.2869756,2.1773262 0 0 0 1.14205,0.29352 2.2869756,2.1773262 0 0 0 2.15232,-1.454684 2.5841898,2.5062748 0 0 0 1.19889,-0.798914 2.2869756,2.1773262 0 0 0 0.5364,0.0636 2.2869756,2.1773262 0 0 0 0.33797,-0.0269 2.2869756,2.1773262 0 0 0 0.43098,0.0424 2.2869756,2.1773262 0 0 0 2.27325,-1.960601 2.5841898,2.5062748 0 0 0 0.4718,-0.523477 2.2869756,2.1773262 0 0 0 1.14257,0.29301 2.2869756,2.1773262 0 0 0 0.73535,-0.11783 2.1303333,2.0661024 0 0 0 0.10387,0.004 2.1303333,2.0661024 0
html5 canvas天空乌云密布下雨动画特效.zip
版权申诉
35 浏览量
2023-09-26
01:46:51
上传
评论
收藏 8KB ZIP 举报
码云笔记
- 粉丝: 2w+
- 资源: 5851