©2020-2024 ioDraw All rights reserved
First create a text document on the desktop
Then open it and copy and paste the code below ：
<!DOCTYPE html> <html> <head> <title> interest group </title> </head> <body> <canvas
id="canvas"></canvas> <style type="text/css"> body{margin: 0; padding: 0;
overflow: hidden;} </style> <script type="text/javascript"> var canvas =
document.getElementById('canvas'); var ctx = canvas.getContext('2d');
canvas.height = window.innerHeight; canvas.width = window.innerWidth; var texts
= ' Ah Zhe is the most handsome '.split(''); var fontSize = 16; var columns = canvas.width/fontSize; //
Used to calculate the coordinates of output text , So the length is the number of columns var drops = []; // Initial value for(var x = 0; x < columns; x++){
drops[x] = 1; } function draw(){ // Let the background gradually from transparent to opaque ctx.fillStyle = 'rgba(0, 0, 0,
0.05)'; ctx.fillRect(0, 0, canvas.width, canvas.height); // Text color ctx.fillStyle =
'#0F0'; ctx.font = fontSize + 'px arial'; // Output text line by line for(var i = 0; i <
drops.length; i++){ var text = texts[Math.floor(Math.random()*texts.length)];
ctx.fillText(text, i*fontSize, drops[i]*fontSize); if(drops[i]*fontSize >
canvas.height || Math.random() > 0.95){ drops[i] = 0; } drops[i]++; } }
setInterval(draw, 33); </script> </body> ---------------------
Then save the text file , Next, turn on my computer （win10 Turn on the computer ）
**
<> In the view above, click in, and then check the file extension name to exit
**
The last step is to rename the text document on your desktop and put the suffix .TXT Change to .HTML That is, it will prompt you what the extension name is
Don't worry , Click Yes to open it , Open it and you'll see what you want
Of course, you can also change the content of code rain , There is a sentence in the code you just pasted var texts = ‘ Ah Zhe is the most handsome ’.split(’’);
You can change the contents of double quotation marks at will, and you can finish what you want in save
Technology