利用鼠标滚轮实现图片缩放

最新推荐文章于 2021-03-09 15:44:27 发布
最新推荐文章于 2021-03-09 15:44:27 发布
阅读量1.5k 收藏
点赞数
文章标签： microsoft generator javascript table html border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kele2005/article/details/1037075
版权

将下边的代码直接复至到一个新的Html文档，即可查看效果
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>缩放图片</title>
<script language="javascript">
 function imgZoom(e, o)
 { var zoom = parseInt(o.style.zoom, 10) || 100;
  zoom -= event.wheelDelta / 12;
  if (zoom > 0) o.style.zoom = zoom + '%';
  return false;
 }
</SCRIPT>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table border="0" width="100%" height="100%" id="table1" cellspacing="0" cellpadding="0" bordercolorlight="#FFFF00">
 <tr><td align="center" valign="top">
  <img id="imgZoom" οnmοusedοwn="if(self.startMove)startMove(this,event)" onmousewheel="return imgZoom(event,this)" src="images/draw.jpg"></td></tr>
</table>
 </body>

kele2005
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jquery 鼠标滚轮实现图片缩放
03-29
jquery 鼠标滚轮实现图片缩放
用滚轮实现图片缩放
彼家有兔，狡兔三窟。
11-10 1086
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title>用滚轮实现图片缩放title>head>script language="JavaScript">functio
Qt 图片缩放，支持滚轮和按键缩放
11-05
Qt5.3.2 实现的图片缩放，支持滚轮和按键缩放，复位，切换图片
鼠标滚轮使图片放大缩小
文章摘选
06-08 1903
WebForm4http://schemas.microsoft.com/intellisense/ie5">            function bbimg(o)            {                var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.
鼠标滚轮调整图片大小
weixin_34205826的博客
08-08 494
=======粘贴以下代码,保存为html文件可直接运行查看效果======= <html> <head> <title>鼠标滚动调整图片大小</title> <script language="javascript"> <!-- var count = 10; func...
VB.NET 鼠标滚轮缩放图片
05-20
在VB.NET中，实现鼠标滚轮缩放图片的功能是一项实用且常见的需求，特别是在开发图形界面应用时。这个功能使得用户可以通过滚轮轻松放大或缩小显示的图像，提供更好的交互体验。以下将详细介绍如何利用VB.NET的...
wpf 鼠标滚轮控制图片的缩放
04-29
本示例“wpf 鼠标滚轮控制图片的缩放”关注于如何利用鼠标滚轮事件来动态调整图片的大小，实现图片的放大与缩小功能。这在创建图像查看器或类似的应用时非常实用。 首先，我们需要在WPF的XAML（Extensible ...
利用鼠标实现图片移动和缩放
09-10
接下来，我们讨论“鼠标滚轮实现图片缩放”。鼠标的滚轮通常用于浏览网页或文档时的上下滚动，但在图像处理软件中，它扮演了调整视图比例的角色。通过监听滚轮事件，我们可以增加或减少图片的显示大小。当用户滚动...
用HTML5实现鼠标滚轮事件放大缩小图片的功能
09-28
本文主要讲解如何通过HTML5实现一个功能，即当用户使用鼠标滚轮时，图片能够随之放大或缩小。这一功能提高了网页的交互性，特别是在展示细节丰富的图像时非常有用。 首先，大部分现代浏览器都支持鼠标滚轮事件。在...
MFC中滚轮根据鼠标位置缩放绘制的图形
08-17
可根据鼠标位置滚动鼠标滚轮时自动调节图形位置且成比例缩放所绘制的图形； 类似AutoCAD等平面设计软件中滚轮的功能； 提供所有源代码，且每行程序注释得清清楚楚，可作为有类似需求开发的很好模板。
图片查看器（支持鼠标滚轮缩放及拖动图片，半透明窗体）
02-22
模仿QQ聊天中的图片查看器 1.支持鼠标缩放图片； 2.图片放大到大于查看器窗体时，可鼠标拖动查看局部放大图片； 3.双层窗体实现查看器半透明，图片不透明效果
Halcon-MFC-联合编程之用鼠标缩放图像、拖动图像
09-13
Halcon-MFC-联合编程之用鼠标缩放图像、拖动图像 内附完整的lib 头文件 DLL文件，编译后即可运行，也有已经编译好的exe运行程序可供测试。
css3图片旋转鼠标悬停图片360度旋转效果代码
11-17
css3图片旋转鼠标悬停图片360度旋转效果代码 css3图片旋转鼠标悬停图片360度旋转效果代码 css3图片旋转鼠标悬停图片360度旋转效果代码
鼠标滚轮放大/缩小图片
colourbear的专栏
06-15 1150
http://community.csdn.net/images/CSDN_logo.GIF" width=105 height=31 border=0 onmousewheel="return zoomimg(this)" alt="1.点击鼠标左键查看原图2.鼠标滚轮放大/缩小图片">var zoomp = 92;function zoomimg(img){  var zoom = parse
图片按比例缩放，鼠标滚轮调整大小
shaq34的专栏
08-01 581
[code="java"] //图片按比例缩放,可输入参数设定初始大小 function resizeimg(ImgD,iwidth,iheight) { var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ if(image.widt...
UI常用鼠标/触摸屏缩放、拖拽
weixin_45554040的博客
03-09 211
```csharp using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; public class ScaleController : MonoBehaviour { #region Zoom /// <summary> /// 上一帧两指间距离 /.
鼠标滚轮实现图片缩放
一树菩提一烟霞的博客
06-13 2682
鼠标滚轮实现图片缩放
qt 使用滚轮控制scrollArea 已鼠标为中心缩放
Fengfgg的博客
01-29 2343
1重写 QAbstractScrollArea 类的wheelEvent函数，让它什么都不要做 void QAbstractScrollArea::wheelEvent(QWheelEvent *event) { return; } 2 实现QScrollArea里面的Qlabel放大缩小 void OpenAndSplicingWindow::wheelEvent(QWheelEvent *event) { ui->lb_Screen->setMinimumSize(0, 0); ui
js实现鼠标滚轮图片放大缩小
qq_45785424的博客
09-16 6282
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document</title> </head> <body> <img id="img" src="11.png" alt="" style="width:100p
mfc opencv:鼠标滚轮缩放图片
最新发布
04-29
利用MFC与OpenCV库，我们可以实现通过鼠标滚轮来对图片进行缩放的功能。 首先，需要在MFC窗口注册鼠标滚轮事件，在窗口类中添加WM_MOUSEWHEEL的处理函数。然后，在处理函数中获取当前鼠标的位置，并将其转换为...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值