JavaScript drag and Scale Effect

Source: Internet
Author: User

The drag and scale here is a little more complex than the general selection box. You can set a fixed trigger point of eight orientations (directions), and set the minimum range, maximum range, and proportional scaling.
Similar to the drag-and-drop effect, the prototype of the program is also made during image cutting. However, there are few references for this effect, and I have made many detours by myself. Now I have made the desired effect, compared with the previous version, the program is also "beyond the control". I still feel that there are many things to be improved, just like there will never be the most perfect Turkish carpet.
There is also a simplified version of SimpleResize for easy learning.
Online Testing http://img.jb51.net/online/Resize/Resize.htm
Packaging http://img.jb51.net/online/Resize/Resize.rar
Ps: The instance contains the drag-and-drop effect. However, the two effects are completely independent, and the drag-and-drop part can be scaled normally.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.