国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - jquery實現的一個簡單的圖片縮放、旋轉功能,但是旋轉后再縮放就出問題了

瀏覽:101日期:2023-01-03 16:20:51

問題描述

javascript - jquery實現的一個簡單的圖片縮放、旋轉功能,但是旋轉后再縮放就出問題了javascript - jquery實現的一個簡單的圖片縮放、旋轉功能,但是旋轉后再縮放就出問題了用jquery制作的,圖片外面包裹一個和圖片等大的p盒子#wrapp,實現原理是這樣的,拿右下角的小圓點為例: 鼠標點下小圓點時記錄當前鼠標的pageX和pageY的值,盒子#wrapp的寬高以及left和top值。通過移動時鼠標的pageX減去起初記錄的pageX值計算水平方向鼠標移動的距離,從而給盒子添加該距離作為寬度的增長值,代碼如下

$(document).on('mousedown','#resize_rb',function(event){activeWrapp = $(event.target).parent('#wrapp');eX = event.pageX;eY = event.pageY;eW = activeWrapp.width();eH = activeWrapp.height();wrappX = parseInt(activeWrapp.css('left'));wrappY = parseInt(activeWrapp.css('top'));rbMove = true;return false; }) $(document).on('mousemove',function(event){if(rbMove){ var x = event.pageX - eX; var y = event.pageY - eY; activeWrapp.css({'width':eW + x + 'px','height':eH + y + 'px'}); setResizeToolPositionAndSize($(’#resize_rb’));} }

這種方式實現的縮放在盒子旋轉之后(即transform:rotate()屬性不為0)再進行縮放就亂了,有沒有辦法在此基礎上坐點修改比如利用旋轉角度計算應該修改的尺寸?大神給說下思路就好 。(如果有這種好用的插件也希望可以推薦以下)

問題解答

回答1:

鼠標移動的x和y值除以cos旋轉角度,應該就是你應該改變的元素寬高。(不太對,我改一改)

標簽: JavaScript
主站蜘蛛池模板: 91九色精品国产 | 小明台湾成人永久免费看看 | 国产色手机在线观看播放 | 波多野结衣一区在线 | 女人张开腿让男人桶免费网站 | 精品久久免费视频 | 亚洲欧美日本综合 | 欧美日韩在线视频观看 | 国产日韩三级 | avav在线看 | 国产一区二区日韩欧美在线 | 在线亚洲综合 | 亚洲一区二区精品 | 视频二区国产 | 欧美日韩一区二区三区在线 | 一及毛片| 欧美午夜在线观看理论片 | 亚洲精品久久99久久一区 | 亚洲成人福利网站 | 日本理论片免费高清影视在线观看 | 玖草在线 | 亚洲欧美高清在线 | 国产成人午夜福在线观看 | 男女午夜视频 | 一区二区伦理 | 91精品国产91久久久久青草 | 国产午夜精品久久久久免费视 | 成年男人午夜片免费观看 | 国产精品亚洲精品一区二区三区 | 在线毛片网站 | 国产免费专区 | 欧美成人性色生活片免费在线观看 | 久草免费在线播放视频 | 日本理论片午夜论片 | 久久久久国产成人精品亚洲午夜 | 午夜大片免费男女爽爽影院久久 | 精品国产v无码大片在线观看 | 久久99亚洲精品久久99 | 美日韩一级| 国产成人深夜福利在线观看 | 免费无遮挡毛片 |