当前位置: 代码迷 >> HTML/CSS >> 想在页面实现图片任意旋转功能
  详细解决方案

想在页面实现图片任意旋转功能

热度:238   发布时间:2013-09-17 13:35:59.0
想在页面实现图片随意旋转功能
大致是一个在页面放置几个图片,然后图片以不同的角度,不同的位置分布,最好还可以实现叠加,拖动。
不知道有没有哪位大神有思路的   小弟实在没有思路啊    不知如何下手    谢谢指导
旋转 拖动 图片 叠加

------解决方案--------------------
 
http://threedubmedia.com/code/event/drag/#demos

------解决方案--------------------
用flash来做效果更好,几乎什么效果都能实现。
------解决方案--------------------
拖动还好实现 网上代码很多,你要学 Photoshop  一样 搞个工具栏, 旋转角度 , 上一层,下一层 按钮
拖动 mousedown 记住当前鼠标,元素位置, mousemove ,left,top=当前鼠标位 - mousedown 时偏移量
  ,旋转角度,你看一下css3 ,IE 的滤镜, 层次就改变 z-index


------解决方案--------------------
引用:
大致是一个在页面放置几个图片,然后图片以不同的角度,不同的位置分布,最好还可以实现叠加,拖动。
不知道有没有哪位大神有思路的   小弟实在没有思路啊    不知如何下手    谢谢指导

哥来帮你理下思路
首先解决角度  就是旋转问题  旋转要考虑几点  1)浏览器的支持 2)旋转的中心点
其次 叠加 拖动  就是一个坐标问题把 1)以左上角为基准 设置元素的位置

核心功能就这样 
  相关解决方案