将相机或画廊中的图像保存在 phonegap 的画布中,并在旋转和裁剪后保存

Posted

技术标签:

【中文标题】将相机或画廊中的图像保存在 phonegap 的画布中,并在旋转和裁剪后保存【英文标题】:Save image from camera or gallery in a canvas in phonegap and after rotate and crop it 【发布时间】:2013-10-17 09:30:00 【问题描述】:

我是 Phonegap、canvas 等方面的新手……我的项目有一些问题!

1- 我需要从图库或相机中捕获图片,它工作正常,并且图像保存在 .问题是我应该将画廊或相机中的图像保存在画布中,因为拍照后我需要对图像进行旋转。

2- 我尝试使用 kinetics.js 将图像保存在画布中,并使用 kinetics.js 进行旋转...但问题是我的图像第一次在画布中不可用...您必须按“旋转按钮”,然后才能看到画布如何随图像旋转...我认为问题在于使用 javascript 的充电时间,但我不知道如何解决。

有人可以帮助我吗?或多或少这是对我的问题的描述,我需要对从相机或画廊收到的图像进行旋转,然后将其保存在图像中,因为我需要调用 Jcrop.js 来裁剪图像!!

亲切的问候!

【问题讨论】:

图像加载事件后你是否在画布上绘制图像? 我将画廊或相机中的图像保存在 中,然后使用该图像的 kinetics.js 创建画布 【参考方案1】:

无论我用什么拍摄,我都对横向进入的照片有疑问。我用以下代码解决了这个轮换问题:

navigator.camera.getPicture(onPhotoDataSuccess, onFail, 质量: 50, 目的地类型:目的地类型.DATA_URL,正确方向:真);

【讨论】:

以上是关于将相机或画廊中的图像保存在 phonegap 的画布中,并在旋转和裁剪后保存的主要内容,如果未能解决你的问题,请参考以下文章

将相机图像上传到 Firebase

无法替换图像视图,用于来自相机或画廊的图像(它不起作用)

如何在 CollectionView 中显示从照片库或相机中选择的图像?画廊视图

在android中使用phonegap时,从画廊拍摄的图像以不同的方向显示

从android中的画廊和相机中捕获图像

Phonegap : 为更小的屏幕缩放 HTML5 画布