canvas 多彩多形状雪花下雪动画效果代码

代码语言:html

所属分类:动画

代码描述:canvas 多彩多形状雪花下雪动画效果代码

代码标签: canvas 下雪 雪花

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

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

<head>

    <meta charset="UTF-8">




    <style>
        #canvas1 {		
        			position:absolute;
        			top: 0;
        			left: 0;
        		}
        		#animationCanvas {		
        			position:absolute;
        			top: 0;
        			left: 0;
        			background: black;
        		}
    </style>




</head>

<body>
    <canvas id='animationCanvas'></canvas>
    <canvas id='canvas1'></canvas>


    <script>
        window.addEventListener('load', function(){
            const canvas = document.getElementById('canvas1');
            const ctx = canvas.getContext('2d');
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
        
        	const animationCanvas = document.getElementById('animationCanvas');
            const animationCtx = animationCanvas.getContext('2d');
            animationCanvas.width = window.innerWidth;
            animationCanvas.height = window.innerHeight;
        
            ctx.lineCap = 'round';
     .........完整代码请登录后点击上方下载按钮下载查看

网友评论0