Home > front end >  This function is ready? Drag image positioning. Thank you.
This function is ready? Drag image positioning. Thank you.

Time:05-21

I think from the local upload avatar, hope the mouse drag images and reduce image,
Let face part moves to the middle instructions inside the box, and then, the head area of the image to generate a new image upload,
Interface is a bit like face verification,

Just, this is I choose ready-made images, him to become a qualified, head in the middle, need to drag the image, zoom in, and then the interception small regional image,

This function is ready, I don't know how to search keywords, thank you,

thank you

CodePudding user response:

Two methods commonly!

The first: pure front-end, you search: the front image cutting
The second: is the front + back end, process is roughly: front choose picture, and then to select the box part, upload, the selection of the box part of the origin of coordinates, and the size to the back-end, then cutting the backend implementation,
As to the method of "box to choose", is the area that USES a fixed size, and then move the original images, or under the original image unchanged, and then draw a frame of dynamic (or was originally a box () is actually a mask layer) to move to the original location, the just
  • Related