javascript - 将相机或图库中的图像保存在phonegap中的 Canvas 中,然后旋转并裁剪它

标签 javascript html cordova kineticjs jcrop

我是 Phonegap、canvas 等领域的新手...我的项目存在一些问题!

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

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

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

亲切的问候!

最佳答案

无论我用什么方式拍摄,我都遇到了照片横向倾斜的问题。我使用以下代码修复了此旋转问题:

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

关于javascript - 将相机或图库中的图像保存在phonegap中的 Canvas 中,然后旋转并裁剪它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19422937/

相关文章:

html - 阴影使图像 flex

html - 如何垂直对齐div?

javascript - 在 Vite 的 Javascript 和 HTML 中用破折号 "-"替换空格

android - 在 2.2 android 上运行的 phonegap 应用程序中较少的 css 代码出现 undefined_methodError

javascript - 使用 Node js 和 redis - 获得可读代码

javascript - 外卖系统为什么不能用

javascript - JavaScript 如何在 Internet Explorer 8 和 Internet Explorer 9(浏览器端)中获取文件大小?

javascript - 如何在手机缝隙中创建弹出窗口?

android - BitmapFactory.decodeFile 无法解析为类型

javascript - 通过 ID 删除元素(jointJS)