首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-09-17 
想在页面实现图片随意旋转功能大致是一个在页面放置几个图片,然后图片以不同的角度,不同的位置分布,最好还

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

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

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


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

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

核心功能就这样 

热点排行