当前位置:Gxlcms > html代码 > 想在页面实现图片随意旋转功能_html/css_WEB-ITnose

想在页面实现图片随意旋转功能_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:123人阅读

旋转 拖动 图片 叠加

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


回复讨论(解决方案)

http://threedubmedia.com/code/event/drag/#demos

用flash来做效果更好,几乎什么效果都能实现。

拖动还好实现 网上代码很多,你要学 Photoshop 一样 搞个工具栏, 旋转角度 , 上一层,下一层 按钮
拖动 mousedown 记住当前鼠标,元素位置, mousemove ,left,top=当前鼠标位 - mousedown 时偏移量
,旋转角度,你看一下css3 ,IE 的滤镜, 层次就改变 z-index

大致是一个在页面放置几个图片,然后图片以不同的角度,不同的位置分布,最好还可以实现叠加,拖动。
不知道有没有哪位大神有思路的 小弟实在没有思路啊 不知如何下手 谢谢指导
哥来帮你理下思路
首先解决角度 就是旋转问题 旋转要考虑几点 1)浏览器的支持 2)旋转的中心点
其次 叠加 拖动 就是一个坐标问题把 1)以左上角为基准 设置元素的位置

核心功能就这样

人气教程排行