How to slide the puzzle verification code

Vue realizes sliding puzzle verification code.

Using clip () method and drawImage () method of canvas, the clipping area of the original picture is copied into slider canvas, and a blank area is left on the original picture. Set the position of the slider canvas to an absolute position, and add a mouse event listener to control the movement of the slider.

Step 1: Create a tool class for generating random verification codes and an interface for receiving verification codes. The main function of the tool class is to generate random verification codes and corresponding pictures. The function of the interface is to save the generated random verification code into the session, at the same time, base64 encode the picture, and then return to the front end.

If used in a project, the verification code image should be returned by the interface. ImageView and its subclasses support fancy loading images. 2 Inherited from ImageView, we don't have to interfere with drawing itself, and we don't have to worry about scaleType, which saves a lot of work.

Sliding method: there is a simple slider verification code, which is simple to verify. Drag the slider on the left to the right. Drag to the far right to complete the verification. There are signs that the verification has passed. A complex slider is a puzzle-like form. Just drag the slider to the gap position in the figure.

Websites or client applications need to access SMS verification code and mobile phone verification code functions in order to achieve correct operation ... The mobile phone webpage cannot slide to verify the verification code sliding-you can try to switch from extreme speed mode to compatible mode.

How to get the verification code from the WeChat puzzle?

1, open the phone settings button, and then click the password and account button; Find the auto-fill password on the password and account page, click the button at the back and open it in green, then the auto-fill password and verification code will open.

2. If you want to get the verification code of WeChat, you can get it with one click. At this time, the verification code will appear at the top of the mobile phone screen, and the input number will enter the state.

3. Open the downloaded WeChat and click Register. Go to the next step. Enter your mobile phone number and set your password. And choose your favorite avatar and nickname. Click Register to enter the next step. Click to agree to the WeChat privacy protection guidelines to enter the next step. Click Start Security Verification.

4. Find the WeChat software on the mobile phone desktop and open the mobile phone WeChat; In the mobile phone number login interface, enter the mobile phone number for registering WeChat, and click Next; After entering the next step, click "Get Verification Code" to successfully send the verification code.

5. Click More Options on the login page, and then click Register in the pop-up window. Click More Options on the login page, and then click Register in the pop-up window. Enter your mobile phone number and click Register. Click Start on the security verification page, and then drag the puzzle to complete the verification.

6. First, open the WeChat app, and click the Settings option on the WeChat homepage. Click Switch Account on the Settings page, and then click Add Account. Select to register a new account, and then click the option to register through the current micro signal.

How to verify key sliding?

1, mobile phone method, first we need to open the mobile phone and find the relevant interface. Then point your finger at the part that needs to slide and move it to the right. Move the parts that need to be moved to this position and release them to complete the verification. For the computer version, the method is the same, that is, just use the mouse to operate.

2. Drag the slider on the left to move to the right. Move to the far right and you can complete the verification. For complex jigsaw puzzles, drag the slider to the position of the gap in the picture. Note: When the picture is not clear, you can refresh another picture. The slider verification on the mobile phone is the same.

3. Shut down and restart first, and then test whether the hardware screen is out of order. If it's not a problem, it's a software problem. You can verify it another time. Personally, I suggest that you should cherish your personal belongings in order to avoid unnecessary trouble. I hope my answer can help you. I hope it can be adopted. Thank you. .

4. Open the browser on your phone. Click on the four points in the lower right corner, and then click Settings. In the advanced part of the settings interface, select Browse Settings. Open the left and right slide screens forward/backward in the page font settings in the browse settings interface.

Why can't the mobile phone verify the sliding picture?

1, it may be a network card, or there is something wrong with the touch screen or mouse, or there are too many visitors. When prompted to slide the verification code, you can't slide it because the browser browsing mode is set to "adaptive" or "mobile phone mode".

2. Verify that the picture cannot slide. Maybe it's the mobile phone card. Please sign out again, or try closing and reopening it. (1) Click the verification button, and the verification floating window of the sliding puzzle will pop up. (2) Hold down the slider and drag it to the right, carefully splicing the blocks in the picture.

3. The mobile webpage cannot be verified by sliding. There are many reasons for this phenomenon. It may be a network problem, which caused the web page to crash and not slide during verification. It is also possible that the browser mode is not compatible, so you can try to change from extreme speed mode to compatible mode.