小编Mar*_*tos的帖子

在cordova ios iphone中转换为base64时图像缩小

我正在开发一个跨平台的cordova项目,该项目涉及将图像上传到服务器并在网站上显示.用于从手机内存中获取已调整大小的图像并获取base64数据的代码如下:

var image = new Image();
image.src = URL;
image.onload = function () {

var canvas = document.createElement("canvas");
var img_width = this.width;
var img_height = this.height;
canvas.width =1000;
canvas.height = 1000;

var w=(1000/img_width);
var h=(1000/img_height);

var ctx = canvas.getContext("2d");
ctx.scale(w,h);
ctx.drawImage(this,0,0);                

var dataURL = canvas.toDataURL("image/png",1);
Run Code Online (Sandbox Code Playgroud)

这里的问题是,图像宽度设置为画布宽度但高度不是.此外,该代码在Android设备和ipads上完美运行,但问题仅出现在iphone上.

在Iphone 4s和5c上测试过任何人都可以帮助我!!!!

输入图像是:

手机中的图像

画布上的图像输出(作为png文件)是:

在此输入图像描述

iphone base64 ios html5-canvas cordova

5
推荐指数
1
解决办法
457
查看次数

标签 统计

base64 ×1

cordova ×1

html5-canvas ×1

ios ×1

iphone ×1