Home > Web Front-end > HTML Tutorial > Want to realize the function of free rotation of images on the page_html/css_WEB-ITnose

Want to realize the function of free rotation of images on the page_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:23:54
Original
1657 people have browsed it

Rotate Drag Picture Overlay

It is roughly to place several pictures on the page, and then distribute the pictures at different angles and different positions. It is best to implement overlay and drag.
I don’t know if any master has an idea. I really don’t have an idea. I don’t know how to start. Thank you for the guidance

Reply to the discussion (solution)

http://threedubmedia.com/code/event/drag/#demos
Copy after login

It is better to use flash to achieve almost any effect.

Dragging is easy to implement. There are a lot of codes on the Internet. You have to learn how to create a toolbar like Photoshop, rotation angle, previous layer, next layer buttons
Drag mousedown to remember the current mouse and element position. mousemove, left, top = current mouse position - offset when mousedown
, rotation angle, if you look at css3, IE filter, the level changes z-index

It is roughly like placing several pictures on the page, and then the pictures are distributed at different angles and positions. It is best to implement overlay and dragging.
I don’t know if any master has an idea. I really don’t have an idea. I don’t know how to start. Thank you for your guidance.
Brother, let me help you sort out your ideas.
The first thing to solve is the angle problem. There are several points to consider when rotating. 1) Browse 2) Center point of rotation
Secondly, superimposition and dragging is a coordinate problem 1) Set the position of the element based on the upper left corner

The core function is like this

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template