Monaca(OnenUI+ React.js)でモバイルアプリを開発しています。
カメラ機能については、「cordova-plugin-camera-preview」というCorodovaプラグインを利用しているのですが、
このプラグインで撮った画像の解像度が低くく、画質が悪い画像になって困っています。
プラグインのオプションは以下の項目を認識しています。
qualityを100にしても、解像度が低い画像のままでした。
解像度を高くする方法をご存知の方がいましたら、ご教授お願い致します。
以下の設定値で実装しています。 CameraPreview.startCamera({ // プレビューボックスの左上を配置する縦座標 x: 0, // プレビューボックスの左上を配置する横座標 y: 100, // プレビューボックスの幅 width: window.screen.width, // プレビューボックスの高さ height: window.screen.width, // カメラの向き : バックカメラで起動する camera: window.CameraPreview.CAMERA_DIRECTION.BACK, // html 要素より裏側のレイヤーでバックグラウンド起動する場合は true toBack: false, // プレビューボックスをタップして写真を撮る tapPhoto: false, // プレビューボックスのタップした箇所にフォーカスを当てない (オートフォーカスに任せる) tapFocus: false, // プレビューボックスをドラッグ可能にする previewDrag: false, } CameraPreview.takePicture({ // 画質 quality: 100, // プレビューボックスの幅 width: window.screen.width, // プレビューボックスの高さ height: window.screen.width, }
●参考URL
http://neos21.hatenablog.com/entry/2017/10/29/080000
https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview
あなたの回答
tips
プレビュー