`
sinykk
  • 浏览: 357110 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

DrawImage

 
阅读更多
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方法参数使用详解

    在小程序开发中,经常需要在canvas上绘制图片,这时就需要使用到drawImage方法。小程序中的drawImage方法与HTML5中canvas的drawImage方法类似,它允许我们在canvas画布上绘制图像。 首先,drawImage方法有三个不同...

    canvas.drawImage方法参数说明图.pptx

    其中,`drawImage`方法是用于在canvas上绘制图像的关键函数。这个方法有着丰富的参数,能实现复杂的图像操作。接下来,我们将详细讨论`drawImage`方法以及其各个参数。 `drawImage`方法的基本语法如下: ```...

    D3DTexture中DrawImage的解析

    `DrawImage`是`D3DTexture`类的一个成员函数,用于在设备上下文中将纹理绘制到指定的位置。这个函数有多种重载形式,以适应不同的绘图需求。 首先,我们来看第一个`DrawImage`函数版本: ```cpp bool DrawImage(CD...

    Graphics_DrawImage

    在.NET Compact Framework中,`Graphics.DrawImage`是一个关键方法,用于在Windows CE或类似嵌入式平台上绘制图像。这个方法是GDI+(图形设备接口加)的一部分,它提供了丰富的图形绘制功能,使得开发者能够在...

    drawImage_src

    在JavaScript的Canvas API中,`drawImage()`是一个非常重要的方法,用于将图像(可以是图片、画布或视频)绘制到画布上。这个方法在Web开发中广泛应用于图像处理和动态图形创建。我们来详细了解一下`drawImage()`...

    drawImage_demo

    在JavaScript的世界里,`drawImage()` 是一个非常重要的方法,特别是在Web开发中处理图像时。这个方法是HTML5 Canvas API的一部分,它允许开发者在Canvas画布上绘制图像,包括图片、视频或者另一个Canvas元素。本...

    matlab开发-drawimage

    在MATLAB中,"drawimage"通常指的是一个用户自定义的功能,用于绘制图像或处理图像数据,特别是可能涉及到用户交互式地在图像上绘制图形,例如徒手涂鸦。在这个项目中,`draw.m`可能是实现这个功能的核心脚本,而`...

    DrawImage.zip_Drawimage

    《DrawImage.zip - MFC与图像绘制的艺术》 在编程世界中,图形处理与图像绘制是不可或缺的一部分,尤其是在用户界面(UI)设计和科学可视化中。本文将深入探讨使用MFC(Microsoft Foundation Classes)库编写的...

    3.3 drawImage的参数详解|Canvas图像基础|Canvas图形、动画、游戏开发从入门到精通全系列课程

    3.3_drawImage的参数详解|Canvas图像基础|Canvas图形、动画、游戏开发从入门到精通全系列课程

    Draw_Image.zip_Drawimage_MFC DrawImage_MFC画图

    在MFC(Microsoft Foundation Classes)框架中,`DrawImage`函数并不直接存在,但我们可以理解为这是指使用GDI(Graphics Device Interface)或GDI+进行图像绘制的相关操作。MFC是C++的一个库,它提供了对Windows ...

    DrawImage SurfaceView 多层绘制透明图

    `DrawImage`则涉及到在`SurfaceView`上进行图像绘制的操作,而透明图层则涉及到颜色 alpha 值的使用,允许图像部分或全部透明,以便在多层图像叠加时产生叠加效果。 首先,我们需要理解`SurfaceView`的基本概念。它...

    mobileBUGFix.mini.js for android jpeg压缩质量修复 drawImage画面扭曲修复

    在IT行业中,尤其是在Web开发领域,我们经常遇到各种各样的问题,其中之一就是在Android平台上处理图像时遇到的质量损失和drawImage方法导致的显示异常。标题提到的"mobileBUGFix.mini.js"是一个专门为解决这些问题...

    matlab-DrawImage.rar_matlab 图形

    本资源“matlab-DrawImage.rar”显然是一个关于MATLAB图形绘制的教程或代码集合,旨在帮助用户深入理解和掌握如何在MATLAB环境中创建各种图形。 1. **基本图形绘制**:MATLAB提供了丰富的函数来创建线图、散点图、...

    详解canvas drawImage()方法绘制图片不显示的问题

    然而,在使用drawImage()方法绘制图片时,开发者可能会遇到图片不显示的问题。为解决该问题,我们可以从以下几个方面着手。 首先,我们需要创建一个canvas元素,并设置合适的宽高。例如,可以在HTML文档中添加以下...

    微信小程序canvas.drawImage完全显示图片问题的解决

    对于在canvas上使用drawImage方法绘制图片时出现的不完全显示问题,本文将提供相应的解决方案。首先需要了解drawImage方法,这是canvas用于向画布上绘制图像的API。在微信小程序中,drawImage方法在使用时可能会因为...

    HTML5 Canvas API中drawImage()方法的使用实例

    其中,drawImage() 方法是一个非常实用且强大的函数,它能够将图像、视频或其他canvas元素绘制到当前的canvas上。使用drawImage() 方法,开发者不仅可以实现图像的绘制,还能对图像进行缩放、裁剪等操作。 ...

    c# 条码打印测试解决图片打印模糊的问题

    2. **DrawImage方法**:`DrawImage`是`Graphics`类的一个方法,用于在指定位置绘制图像。在`PrintPage`事件的处理函数中,我们需要使用`e.Graphics`(其中`e`是`PrintPageEventArgs`)调用`DrawImage`,传入要打印的...

    HTML5使用drawImage()方法绘制图像

    在实际应用中,`drawImage`方法经常与`<img>`标签结合使用,因为`<img>`可以预先加载图片,确保在调用`drawImage`时图片已经完全加载。例如: ```html <canvas id="myCanvas"></canvas> ``` ```javascript window...

Global site tag (gtag.js) - Google Analytics