js如何实现鼠标拖拽旋转功能
js如何实现鼠标拖拽旋转功能，目前我已做成鼠标拖放功能，想加个旋转不知道该怎么做啦，
效果类似美图秀秀app上的图片旋转功能
动漫人物浏览 1982回答 1
1回答
-
弑天下
<!DOCTYPE html><html><head><style> div{width:100px;height:100px;background:red;position:relative;}</style><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript"> $(function(){ var oldY= null; var isdown = false; $("#testcss").mousedown(function(e){ isdown = true; oldY = e.clientY; }); $("html").mousemove(function(e){ if(isdown){ $("#testcss").css("transform","rotate("+(e.clientY-oldY)+"deg)"); } }); $("html").mouseup(function(e){ isdown = false; oldY = null; }); });</script></head><body> <div id="testcss"></div></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript