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
SQL insert into statement writing method explanation
Method 1: INSERT INTO t1(field1,field2) VALUE(v00...
Writing and understanding of arrow functions and this in JS
Table of contents Preface 1. How to write functio...
How to set the select to be read-only and not editable and the select value to be passable
1. <select style="width:195px" name=&...
Discussion on the problem of garbled characters in iframe page parameters
I encountered a very unusual parameter garbled pro...
Solution to the problem of eight hours difference in MySQL insertion time
Solve the problem of eight hours time difference ...
react+antd.3x implements ip input box
This article shares the specific code of react+an...
CSS position fixed left and right double positioning implementation code
CSS Position The position attribute specifies the...
Three implementation methods of Mysql copy table and grant analysis
How to quickly copy a table First, create a table...
Detailed explanation of how to automatically refresh the page and refresh method after deleting Vue list data
Problem description: After the front-end deletes ...
An example of how to query data in MySQL and update it to another table based on conditions
This article uses an example to describe how MySQ...
Detailed explanation of the time representation example of the Linux time subsystem
Preface In the Linux kernel, in order to be compa...
Analysis of Alibaba Cloud CentOS7 server nginx configuration and FAQs
Preface: This article refers to jackyzm's blo...
SQL fuzzy query report: ORA-00909: invalid number of parameters solution
When using Oracle database for fuzzy query, The c...
Detailed analysis of SQL execution steps
Detailed analysis of SQL execution steps Let'...
Linux kernel device driver Linux kernel basic notes summary
1. Linux kernel driver module mechanism Static lo...