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
WBOYOriginal
2016-06-24 12:23:541658browse

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

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

Statement:
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