`
wanggeying
  • 浏览: 66455 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

图片放大,缩小

    博客分类:
  • JS
 
阅读更多
伪代码如下:
var img = '<img id="img" style="zoom:100%;" src="'+e.target.result+'" width="200px" height="200px"/>'+
'<br /><input id="btn1" type="button" value="放大" onclick="ImageChange(true)" />'+
'<input id="btn2" type="button" value="缩小" onclick="ImageChange(false)" />';

//兼容IE和火狐
function ImageChange(args) {
  var oImg = document.getElementById("img");
  if (args) {
    oImg.width = oImg.width * 1.2;
    oImg.height = oImg.height * 1.2;
  }
  else {
    oImg.width = oImg.width / 1.2;
    oImg.height = oImg.height / 1.2;
  }
}
分享到:
评论

相关推荐

    易语言图片放大缩小例程

    本文将深入探讨“易语言图片放大缩小例程”,包括源码解析、图片处理原理以及如何在易语言中实现显示和移动图片。 在易语言中,处理图片放大缩小的关键在于理解图像处理的基本概念和技术。首先,我们需要了解位图和...

    基于JQuery的图片放大缩小,拖动

    总结来说,基于JQuery的图片放大缩小和拖动功能是通过监听鼠标和触摸事件,结合DOM操作和简单的数学计算来实现的。JQuery提供的便捷API使得这些功能的实现变得相对简单,极大地提高了开发效率。通过深入理解这些基本...

    c# 图片放大缩小(鼠标点击放大区域为原始大小)

    总的来说,“图片放大缩小”项目涉及了C#图形处理、Windows Forms控件、鼠标事件处理、图像操作等多个方面,是一个很好的学习和实践C# GUI编程的例子。通过这个项目,开发者可以深入理解如何利用.NET Framework提供...

    WPF 鼠标拖动图片放大缩小

    以上就是实现WPF中鼠标拖动图片放大缩小的基本步骤。通过结合`Image`控件、`Canvas`以及鼠标的事件处理,你可以创建出具有直观交互的图像查看功能。这不仅提高了用户体验,也是WPF应用中常见且实用的技能之一。

    jQuery H5弹出图片放大缩小旋转插件.zip

    js特效-jQuery H5弹出图片放大缩小旋转插件

    jquery图片放大缩小

    jQuery图片放大缩小功能使得用户可以在网页上自由地查看图片的细节,提升用户体验。本篇文章将详细探讨如何利用jQuery实现这一功能,以及相关的核心知识点。 首先,我们需要了解jQuery的基本用法。jQuery是一个轻量...

    Android实现图片放大缩小Demo

    综上所述,"Android实现图片放大缩小Demo"是一个涵盖了图片加载、手势检测、矩阵变换、渲染优化、滑动浏览以及内存管理等多个技术点的实例。通过学习和理解这个Demo,开发者可以更好地掌握Android中处理图片的高级...

    C#开发winform图片放大缩小,类似windows的图片查看器

    结合网上的一些源码和书上的源码弄了个C#开发的winform的简易图片放大缩小。功能:打开图片,支持放大和缩小功能,一开始能展现全图,能无限放大和缩小到原图。保持居中展示。滚动条保持居中。还有一个可以旋转的请...

    android 图片放大缩小 多触屏 代码

    在Android开发中,图片的放大和缩小...总的来说,Android图片放大缩小和多触屏的支持涉及到触摸事件处理、Matrix变换以及手势识别等多个知识点。通过理解这些概念并结合实际代码,可以创建出功能完善的图像查看组件。

    4种JS图片放大缩小效果

    "4种JS图片放大缩小效果" 提供了多种方式来增强用户对图片的互动性,让图片查看变得更加便捷和有趣。以下是这四种JavaScript技术的详细解析: 1. **鼠标悬停放大效果** 这种效果常见于电商网站,当用户将鼠标悬停...

    在线图片放大缩小

    标题“在线图片放大缩小”指的是一个在线服务或应用程序,它允许用户无损地调整图片的尺寸,无论是放大还是缩小。这种技术在数字媒体处理、网页设计、社交媒体分享以及个人照片编辑等领域都十分常见。下面我们将深入...

    QT图片放大缩小

    总结起来,QT中实现图片放大缩小的功能主要涉及到QLabel的`setPixmap()`和QPixmap的`scaled()`方法,以及QPushButton的信号槽机制。通过灵活运用这些组件和方法,你可以轻松地创建出一个具有图片放大缩小功能的用户...

    jq zoom实现图片放大缩小

    总的来说,使用jQuery Zoom插件实现图片放大缩小功能涉及以下几个步骤:引入jQuery和插件库,设置HTML结构,初始化插件,并可选地调整配置选项。这个过程结合了HTML、CSS和JavaScript,展示了前后端技术在增强网页...

    VC6.0图片放大缩小源代码.rar

    这个压缩包“VC6.0图片放大缩小源代码”提供了实现图片放大和缩小功能的源代码,这对于图像显示和编辑软件的开发非常重要。下面我们将详细探讨相关的知识点。 1. **VC++**: Visual C++是微软公司推出的一种C++...

    js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小js资源

    js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小文件,在每个压缩包是一个,打开压缩包里的网页文件就可以看效果。本人的在“自己的.html”里,记事本打开...

    左右滑动浏览图片-图片放大缩小拖动手势

    在Android开发中,实现“左右滑动浏览图片-图片放大缩小拖动手势”这一功能,涉及到的核心技术主要包括图片加载库、布局设计、手势检测以及触摸事件处理。以下将详细阐述这些知识点。 首先,图片加载库的选择至关...

    Flex 图片放大缩小

    在Flex开发中,图片放大缩小功能是一个常见的交互需求,它能提供用户友好的查看体验,尤其是在展示细节丰富的图像时。Flex是一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。在这里,...

    图片放大缩小

    "图片放大缩小"是一个基础但至关重要的概念,它涉及到图像处理的基本原理和技术。在这个例子中,我们将会探讨如何简单地进行图片的缩放操作。 首先,我们要理解图片是由像素构成的。每个像素代表了图像中的一个颜色...

    jQuery适用于手机端图片放大缩小翻转代码.zip

    在这个名为"jQuery适用于手机端图片放大缩小翻转代码"的压缩包中,包含了实现这一功能所需的所有资源。 首先,`index.html`是项目的主网页文件,它可能包含了`jQuery`库和`jQuery.iviewer.js`插件的引用,以及用于...

    图片放大缩小功能

    在这个场景下,"图片放大缩小功能"是ASP应用中的一个关键点,主要用于优化用户在网页上查看图片的体验。 首先,我们要理解图片放大和缩小的基本原理。图片的尺寸通常由宽度和高度的像素值决定。当图片被放大时,...

Global site tag (gtag.js) - Google Analytics