`
flex_莫冲
  • 浏览: 1092461 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

移动web获取image的实际宽高的问题

阅读更多
移动设备如ipad,android手机,ipod等,通过
imgCopy = new Image();
imgCopy.onload = getSize;
imgCopy.src = image.src;
来获取image的宽高。在电脑上OK但是在移动设备上宽高会变成一半。最好自己乘上2.或者指定实际宽高。
//强制图片的宽高。否则会根据实际设备缩放。
imgCopy.width = 3309;
imgCopy.height = 2339;
前提条件是,这张图片超过了2700px。这样的图片在ipad上会显示不清晰。。很朦胧。android不会。
分享到:
评论

相关推荐

    openlayers使用imageCanvas加载矢量元素

    OpenLayers 是一个强大的开源JavaScript库,用于在Web浏览器中创建交互式的地图应用。它支持多种数据源和图层类型,包括矢量数据。在OpenLayers中,你可以利用`ImageCanvas`策略来动态加载和渲染矢量元素。这种方法...

    angular/ionic/插件ImagePicker

    在IT行业中,Angular和Ionic是两个非常重要的框架,它们分别用于构建Web应用程序和移动应用程序。在本篇中,我们将深入探讨这两个框架以及与之相关的插件ImagePicker。 首先,Angular是一个由Google维护的前端...

    ImageCropper用于裁剪用户头像的图像裁剪器

    此外,裁剪后的图片可以按照指定的宽高比例输出,以适应不同的显示环境。 4. **API接口与事件**:ImageCropper提供了一套完整的API接口,包括设置裁剪区域、获取裁剪结果、监听用户操作等。这些接口使得开发者可以...

    javascript图片自动移动

    - `moveLR`函数用于初始化图片位置,并调用`anim`函数进行实际的移动操作。该函数接收三个参数:`objID`(图片ID)、`movingarea_width`(可移动区域宽度)和`c`(移动方向标志)。 - 如果`navigator.appName`等于...

    web医疗影像dicom插件(2个)

    在实际应用中,开发者需要考虑如何将这些插件与后端服务器(如PACS服务器)连接,以便获取和加载DICOM数据。这通常涉及到使用WADO (Web Access to DICOM Objects) 或WADO-IR (Web Access to DICOM Objects - Image ...

    imageUpdate

    在IT行业中,图像处理是一项非常重要的任务,尤其是在Web开发、移动应用和数据分析等领域。"imageUpdate"这个标题可能指的是一个项目或服务,它专注于提供图像的上传和下载功能。这样的功能通常用于社交媒体平台、...

    移动Web中图片自适应的两种JavaScript解决方法

    在移动Web开发中,图片自适应是一个至关重要的问题,尤其对于手机站点而言,良好的图片显示效果直接影响用户体验。本文主要探讨了两种使用JavaScript实现图片自适应的方法,分别针对图集和单篇文章的情况。 首先,...

    php 获取文件名后缀和创建文件方法

    然而,这个函数存在一个明显的问题:对于相同MIME类型(如'image/gif')的重复处理,这不仅造成了代码冗余,而且在默认情况下始终返回'.gif',即使遇到未知MIME类型,这也可能不是预期的结果。 #### 改进方案: 1....

    Rotate Image

    2. **创建Canvas**:创建一个`<canvas>`元素,获取其2D渲染上下文。 ```javascript let canvas = document.createElement('canvas'); let ctx = canvas.getContext('2d'); ``` 3. **设置Canvas大小**:为了让图片...

    VS2005ImageLibrary

    Visual Studio (VS) 是由微软开发的一款强大的集成开发环境(IDE),广泛用于创建各种类型的应用程序,包括Windows桌面应用、Web应用以及移动应用等。在2005年版本中,微软提供了丰富的图标库,帮助开发者美化他们的...

    H5实现web调用摄像头在线照相

    在移动设备上,由于浏览器的兼容性问题,可能需要添加额外的适配代码。例如,对于某些Android设备,可能需要在调用`getUserMedia()`之前设置`<video>`元素的`playsinline`属性为`true`,以确保视频能在不全屏的情况...

    图像等比例缩放 等比例缩放图片

    在数字图像处理领域,图像等比例缩放是一项常用的技术手段,它主要用于调整图像的尺寸大小,同时保持图像原有的宽高比不变,以避免图像在缩放过程中发生变形。等比例缩放技术广泛应用于网页设计、移动应用开发以及...

    High performance web sites

    ### 高性能网站设计知识点详解 #### 一、前言 《高性能网站》这本书由Steve Souders编写,ISBN号为9780596529307,出版社为O'Reilly,首次印刷时间为2007年9月1日。本书主要针对前端工程实践中的性能优化问题进行...

    RN WebView端获取图片相册

    在移动应用开发中,React Native(RN)是一个广泛使用的框架,它允许开发者使用JavaScript和React来构建原生的iOS和Android应用。在这个场景中,"RN WebView端获取图片相册"是一个关键功能,允许用户从他们的设备...

    学会了页面跳转机制,和调试页面的技巧(平移箭头),还有就是tab bar item可以通过image属性来添加图片!.zip

    在IT行业中,面试经验往往包含了各种技术点的实践与理解,尤其...能够灵活运用所学知识,解决实际问题,才是衡量一个优秀IT从业者的关键。因此,不断学习和实践,提升自己的综合能力,对于在IT行业取得成功至关重要。

    一个基于C#+XML Web Service实现对Oracle图片的上传及浏览程序例子

    C#是由微软开发的一种面向对象的编程语言,主要用于构建Windows应用程序、Web应用以及移动应用等。它具有丰富的特性和强大的库支持,是.NET框架的主要编程语言。在这个项目中,C#将作为客户端和服务端的编程语言,...

    C#批量图片格式转换完整源码.rar

    在IT行业中,编程语言C#是一种广泛应用于桌面应用、游戏开发、移动应用以及Web服务的高级编程语言。本话题将围绕“C#批量图片格式转换完整源码”展开,探讨如何利用C#进行图片格式的批量转换,以及相关的关键技术。 ...

    安卓和asp.net通过webservice上传图片到服务器

    在移动应用开发中,将数据或资源从客户端(如安卓设备)上传至服务器是常见的需求。本主题聚焦于如何利用Android平台与ASP.NET Web服务(Web Service)进行交互,实现图片上传功能。以下是对这个过程的详细解释: 1...

    ASP_code_achieve_image_upload_function.rar_WEB开发_ASP_

    本资源“ASP_code_achieve_image_upload_function.rar”聚焦于如何利用ASP实现图片上传的功能,这对于许多网站,尤其是涉及到用户交互和内容管理的网站来说,是一个核心功能。 图片上传功能通常包括以下几个步骤: ...

    asp.net母版里图片的显示

    6. **使用Web服务或API获取图片**:如果图片是通过HTTP请求获取的,可以使用`<img>`标签的src属性直接指向URL。 在实际开发中,可能会遇到图片不显示的问题,这可能是由于以下原因: - **路径问题**:确保图片路径...

Global site tag (gtag.js) - Google Analytics