onload="DrawImage(this,130,130)"
function DrawImage(ImgD, width_s, height_s){
var image = new Image();
image.src = ImgD.src;
if (image.width > 0 && image.height > 0) {
flag = true;
if (image.width / image.height >= width_s / height_s) {
if (image.width > width_s) {
ImgD.width = width_s;
ImgD.height = (image.height * width_s) / image.width;
}
else {
ImgD.width = image.width;
ImgD.height = image.height;
}
}
else {
if (image.height > height_s) {
ImgD.height = height_s;
ImgD.width = (image.width * height_s) / image.height;
}
else {
ImgD.width = image.width;
ImgD.height = image.height;
}
}
}
}
分享到:
相关推荐
在小程序开发中,经常需要在canvas上绘制图片,这时就需要使用到drawImage方法。小程序中的drawImage方法与HTML5中canvas的drawImage方法类似,它允许我们在canvas画布上绘制图像。 首先,drawImage方法有三个不同...
其中,`drawImage`方法是用于在canvas上绘制图像的关键函数。这个方法有着丰富的参数,能实现复杂的图像操作。接下来,我们将详细讨论`drawImage`方法以及其各个参数。 `drawImage`方法的基本语法如下: ```...
`DrawImage`是`D3DTexture`类的一个成员函数,用于在设备上下文中将纹理绘制到指定的位置。这个函数有多种重载形式,以适应不同的绘图需求。 首先,我们来看第一个`DrawImage`函数版本: ```cpp bool DrawImage(CD...
在.NET Compact Framework中,`Graphics.DrawImage`是一个关键方法,用于在Windows CE或类似嵌入式平台上绘制图像。这个方法是GDI+(图形设备接口加)的一部分,它提供了丰富的图形绘制功能,使得开发者能够在...
在JavaScript的Canvas API中,`drawImage()`是一个非常重要的方法,用于将图像(可以是图片、画布或视频)绘制到画布上。这个方法在Web开发中广泛应用于图像处理和动态图形创建。我们来详细了解一下`drawImage()`...
在JavaScript的世界里,`drawImage()` 是一个非常重要的方法,特别是在Web开发中处理图像时。这个方法是HTML5 Canvas API的一部分,它允许开发者在Canvas画布上绘制图像,包括图片、视频或者另一个Canvas元素。本...
在MATLAB中,"drawimage"通常指的是一个用户自定义的功能,用于绘制图像或处理图像数据,特别是可能涉及到用户交互式地在图像上绘制图形,例如徒手涂鸦。在这个项目中,`draw.m`可能是实现这个功能的核心脚本,而`...
《DrawImage.zip - MFC与图像绘制的艺术》 在编程世界中,图形处理与图像绘制是不可或缺的一部分,尤其是在用户界面(UI)设计和科学可视化中。本文将深入探讨使用MFC(Microsoft Foundation Classes)库编写的...
3.3_drawImage的参数详解|Canvas图像基础|Canvas图形、动画、游戏开发从入门到精通全系列课程
在MFC(Microsoft Foundation Classes)框架中,`DrawImage`函数并不直接存在,但我们可以理解为这是指使用GDI(Graphics Device Interface)或GDI+进行图像绘制的相关操作。MFC是C++的一个库,它提供了对Windows ...
`DrawImage`则涉及到在`SurfaceView`上进行图像绘制的操作,而透明图层则涉及到颜色 alpha 值的使用,允许图像部分或全部透明,以便在多层图像叠加时产生叠加效果。 首先,我们需要理解`SurfaceView`的基本概念。它...
在IT行业中,尤其是在Web开发领域,我们经常遇到各种各样的问题,其中之一就是在Android平台上处理图像时遇到的质量损失和drawImage方法导致的显示异常。标题提到的"mobileBUGFix.mini.js"是一个专门为解决这些问题...
本资源“matlab-DrawImage.rar”显然是一个关于MATLAB图形绘制的教程或代码集合,旨在帮助用户深入理解和掌握如何在MATLAB环境中创建各种图形。 1. **基本图形绘制**:MATLAB提供了丰富的函数来创建线图、散点图、...
然而,在使用drawImage()方法绘制图片时,开发者可能会遇到图片不显示的问题。为解决该问题,我们可以从以下几个方面着手。 首先,我们需要创建一个canvas元素,并设置合适的宽高。例如,可以在HTML文档中添加以下...
对于在canvas上使用drawImage方法绘制图片时出现的不完全显示问题,本文将提供相应的解决方案。首先需要了解drawImage方法,这是canvas用于向画布上绘制图像的API。在微信小程序中,drawImage方法在使用时可能会因为...
其中,drawImage() 方法是一个非常实用且强大的函数,它能够将图像、视频或其他canvas元素绘制到当前的canvas上。使用drawImage() 方法,开发者不仅可以实现图像的绘制,还能对图像进行缩放、裁剪等操作。 ...
2. **DrawImage方法**:`DrawImage`是`Graphics`类的一个方法,用于在指定位置绘制图像。在`PrintPage`事件的处理函数中,我们需要使用`e.Graphics`(其中`e`是`PrintPageEventArgs`)调用`DrawImage`,传入要打印的...
在实际应用中,`drawImage`方法经常与`<img>`标签结合使用,因为`<img>`可以预先加载图片,确保在调用`drawImage`时图片已经完全加载。例如: ```html <canvas id="myCanvas"></canvas> ``` ```javascript window...