`

图片按比例缩小---js

阅读更多

以前老是想用css来控制图片的大小,后来显示出来的结果太差强人意了,今天问了一下高手,心中的谜也终于解脱了。

其实图片按比例缩小有两个方法:

1.一种是服务后台自动缩小,这个是属于后来管理的问题了。

2.就是用js的方法来实现。下面来简单讲一下这个函数:

    调用的方法:<img src="11.jpg" onload="javascript:DrawImage(this,100,100)">//后面的参数是表示图片的大小

具体的demo ,看附件

分享到:
评论
1 楼 getzen 2010-11-06  
下载研究研究...

相关推荐

    js实现图片的按比例缩放

    为了解决这个问题,我们可以使用JavaScript来实现图片的按比例缩放,确保图片始终保持其原始比例,避免变形。下面将详细介绍如何使用JavaScript来实现这一功能,并结合提供的文件进行解析。 首先,我们需要理解图片...

    js按比例缩放图片且垂直居中显示图片

    "js按比例缩放图片且垂直居中显示图片"这个主题涉及到的是使用JavaScript技术来处理图片的尺寸调整和布局定位,使得图片无论在何种分辨率或屏幕尺寸下都能保持良好的视觉效果。这里我们将详细探讨这一技术实现的原理...

    图片按比例缩放

    "图片按比例缩放"就是其中一个核心操作,它涉及到图像处理的基本原理和技术。在本篇文章中,我们将深入探讨如何进行图片按比例缩放,以及这一过程中的相关知识点。 首先,我们来理解什么是“按比例缩放”。比例缩放...

    js实现图片等比例缩放

    在网页设计中,图片的等比例缩放是一个常见的需求,特别是在响应式布局中,为了保持图像的原始比例,避免拉伸或压缩导致变形,我们通常会利用JavaScript来动态调整图片大小。本文将深入探讨如何使用JavaScript实现...

    JS图片等比例缩放方法完整示例

    总结来说,JavaScript的图片等比例缩放技术是通过计算图片原始尺寸与目标尺寸之间的比例,然后调整图片元素的宽度和高度来实现的。这不仅可以保持图片的原始比例,还能确保在不同屏幕尺寸下图片的视觉效果。在实际...

    js按比例缩放图片,不变形,不失真

    传统的做法是直接设定图片的高度或宽度,但这往往会导致图片比例失衡,产生变形和失真的现象。本篇文章将详细介绍如何利用JavaScript实现按比例缩放图片,以保持其原始比例,确保图片质量不受影响。 首先,我们需要...

    图片等比例缩小(JS)

    使用一个方法可以等比例缩小你的,让图片不失去原本的效果。

    js图片缩放效果制作鼠标滚动图片等比例缩放

    在网页设计中,动态的图片展示效果可以提升用户体验,其中一种常见的技术是通过JavaScript实现鼠标滚动时图片等比例缩放。这个技术的核心在于利用JavaScript事件监听和CSS3变换功能,来实现图片随着页面滚动而优雅地...

    图片等比例缩放,网页图片处理方法

    本文将详细介绍如何利用JavaScript(简称JS)以及jQuery这两种常用前端技术实现图片的等比例缩放。 #### 一、基础知识简介 **1.1 图片等比例缩放的概念** 等比例缩放是指在调整图片大小时保持其原始宽高比不变的...

    图片等比例缩放代码,图片等比例缩放JS代码,图片缩放代码

    在网页设计和开发中,图片的处理是一项非常重要的工作,特别是在响应式布局中,确保图片能够根据屏幕尺寸等比例缩放是必要的。...以上就是关于图片等比例缩放JS代码的详细解释,希望对您有所帮助。

    js 图片等比例缩放

    js实现的图片等比例缩放,js实现的图片等比例缩放

    js图片按比例缩放大小,无需CSS样式

    图片按比例缩放 js图片按比例缩放大小,无需CSS样式

    JavaScript实现网页图片等比例缩放 图片等比例缩放

    ### JavaScript 实现网页图片等比例缩放 在网页设计与开发过程中,经常遇到的一个问题是确保图片能在不同设备、不同分辨率的屏幕上保持良好的显示效果。图片的等比例缩放是其中一种解决方案,它能够保证图片在缩放...

    js控制图片放大、缩小、按比例显示

    - **JavaScript计算**:如果需要在JavaScript中动态调整图片比例,可以获取图片的原始尺寸和目标容器的尺寸,然后计算适当的缩放比例,设置`width`和`height`属性。 ```javascript function fitImageToContainer...

    按比例缩放图片,JavaScript代码.rar

    按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码...

    asp按比例缩小图片

    "asp按比例缩小图片"这个标题所指的就是使用ASP编程语言来实现图片的等比例缩放,以确保图片在尺寸减小后保持原有的纵横比,避免失真。以下是对这个知识点的详细讲解: 1. 图片上传: ASP可以通过HTTP请求获取用户...

    jquery图片等比例缩放

    当图片的原始宽高比例与容器的宽高比例不一致时,图片会自动按比例缩放。 ### 使用jQuery实现等比例缩放 #### 1. 基本步骤 首先,确保你的页面已经引入了jQuery库。如果没有,可以通过以下代码引入CDN版本: ```...

    图片按比例缩放示例 内含详细代码

    无论是Python还是JavaScript,图片按比例缩放的核心都是通过计算新的尺寸和使用相应的API来保持图片的原始比例。这个过程不仅可以用于单个图片,还可以应用于批量处理大量图片的场景,例如在自动化的工作流程中。 ...

    js代码按比例图片缩放

    ### js代码按比例图片缩放知识点详解 #### 一、功能概述 在Web开发中,经常需要处理图像的缩放问题。特别是在响应式设计中,为了确保图片在不同分辨率和屏幕尺寸下的显示效果,实现图片的按比例缩放至关重要。本文...

Global site tag (gtag.js) - Google Analytics