js to implement verification code interference (static)
|
This article shares the specific code of js to implement verification code interference for your reference. The specific content is as follows Effect
Code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
padding: 0;
margin: 0;
}
canvas{
background: #272822;
}
</style>
</head>
<body>
<canvas id='canvas' width='800' height='500'></canvas>
<script>
//Get the drawing board var canvas=document.getElementById('canvas');
//Get the drawing environment var cv=canvas.getContext('2d');
cv.fillStyle = '#272822';
cv2.fillRect(0,0,800,500);
cv.font='80px Microsoft YaHei';
cv2.fillStyle='greenyellow';
cv2.fillText( Math.floor(Math.random()*10000),200,200);
//Get all image pixel information var alldata=cv.getImageData(0,0,800,500);
//Get the number of pixels var dian=alldata.data.length/4;
for(var i=0;i<10000;i++){
//Get a random number var num=Math.floor(Math.random()*dian);
//Calculate the starting number of the four pieces of information corresponding to the pixel var start=(num-1)*4;
alldata.data[start]=Math.floor(Math.random()*256);
alldata.data[start+1]=Math.floor(Math.random()*256);
alldata.data[start+2]=Math.floor(Math.random()*256);
}
//Write the data back to the drawing board cv.putImageData(alldata,0,0);
</script>
</body>
</html>The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. You may also be interested in:
|
<<: Detailed explanation of Docker Volume permission management
>>: Example of integrating Kafka with Nginx
Recommend
How to migrate sqlite to mysql script
Without further ado, I will post the code for you...
Summary of Several Methods for Implementing Vertical Centering with CSS
In the front-end layout process, it is relatively...
Summary of 3 minor errors encountered during MySQL 8.0 installation
Preface In the past, the company used the 5.7 ser...
Small paging design
Let our users choose whether to move forward or ba...
Detailed explanation of the process of installing msf on Linux system
Or write down the installation process yourself! ...
Docker starts MySQL configuration implementation process
Table of contents Actual combat process Let's...
Summary of MySQL database like statement wildcard fuzzy query
MySQL error: Parameter index out of range (1 >...
HTML Tutorial: Collection of commonly used HTML tags (5)
Related articles: Beginners learn some HTML tags ...
Detailed explanation of how to deploy programs on Alibaba Cloud Server and access them directly using domain names
I had nothing to do, so I bought the cheapest Ali...
Operate on two columns of data as new columns in sql
As shown below: select a1,a2,a1+a2 a,a1*a2 b,a1*1...
Linux (CentOS7) installs Tomcat and sets Tomcat as a startup item (taking tomcat8 as an example)
Table of contents Install Tomcat Download Tomcat ...
Description of meta viewport attribute in HTML web page
HTML meta viewport attribute description What is ...
Detailed explanation of the problem when combining CSS ellipsis and padding
Text truncation with CSS Consider the following c...
Detailed tutorial for downloading, installing and configuring MySQL 5.7.27
Table of contents 1. Download steps 2. Configure ...
Detailed explanation of the use of cloud native technology kubernetes scheduling unit pod
The smallest scheduling unit in k8s --- pod In th...