国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

js實(shí)現(xiàn)鼠標(biāo)滾輪滾動(dòng)以當(dāng)前鼠標(biāo)焦點(diǎn)為中心縮放

2024-04-27 15:04:59
字體：大 中 小
供稿：網(wǎng)友
var posMoniCtx;//畫筆var posMoniCanvas;//畫布var imgX=0,imgY=0,imgScale=1,minScale=1,maxScale=8, destWidth,destHeight;var bgImg; //Chrome Firefox瀏覽器兼容 滾輪事件 posMoniCanvas.onmousewheel=posMoniCanvas.onwheel=function(e){ e.wheelDelta=e.wheelDelta?e.wheelDelta:(e.deltaY*(-40)); if(e.wheelDelta>0&&imgScale<maxScale){//放大 imgScale*=2; imgX=imgX*2-mousePos.x; imgY=imgY*2-mousePos.y; drawAllComponent(); } if(e.wheelDelta<0&&imgScale>minScale){//縮小 imgScale*=0.5; imgX=imgX*0.5+mousePos.x*0.5; imgY=imgY*0.5+mousePos.y*0.5; drawAllComponent(); } }function drawAllComponent() {//清空面板posMoniCtx.clearRect(0,0,posMoniCanvas.width,posMoniCanvas.height);//重繪背景圖 destWidth=posMoniCanvas.width*imgScale;destHeight=posMoniCanvas.height*imgScale;posMoniCtx.drawImage(bgImg,0,0,bgImg.width,bgImg.height,imgX,imgY,destWidth,destHeight);}

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 文化| 大英县| 荥经县| 淮滨县| 和龙市| 紫阳县| 云和县| 邛崃市| 房产| 平邑县| 永仁县| 佛冈县| 嵊州市| 西华县| 南和县| 镇平县| 长顺县| 汝南县| 兴义市| 铜川市| 新晃| 元氏县| 彭泽县| 南通市| 曲阳县| 布拖县| 忻城县| 淳安县| 河东区| 湖北省| 洛浦县| 彝良县| 六盘水市| 南平市| 普兰县| 浪卡子县| 礼泉县| 兰西县| 建瓯市| 正宁县| 密云县|