Javascript 在自定义视图中获取图片相机预览3
目前,我尝试使用相机预览从自定义视图获取图片,但结果是图片始终为原始大小。这是我的密码Javascript 在自定义视图中获取图片相机预览3,javascript,image,ionic3,cordova-plugins,Javascript,Image,Ionic3,Cordova Plugins,目前,我尝试使用相机预览从自定义视图获取图片,但结果是图片始终为原始大小。这是我的密码 RunCamera() { let quarter = window.screen.height / 4, mid = quarter + (quarter/2) const cameraPreviewOpts: CameraPreviewOptions = { x: 0, y: this.mid, width: window.screen.width, height: 70, came
RunCamera() {
let quarter = window.screen.height / 4, mid = quarter + (quarter/2)
const cameraPreviewOpts: CameraPreviewOptions = {
x: 0,
y: this.mid,
width: window.screen.width,
height: 70,
camera: 'rear',
tapPhoto: true,
previewDrag: true,
toBack: true,
alpha: 1
}
// start camera
this.cameraPreview.startCamera(cameraPreviewOpts).then(
(res) => {
console.log("startCamera ok",res)
},
(err) => {
console.log("startCamera Err",err)
});}
takePic(){
// picture options
const pictureOpts: CameraPreviewPictureOptions = {
width: 1280,
height: 1280,
quality: 85
}
// take a picture
this.cameraPreview.takePicture(pictureOpts).then((imageData) => {
console.log("takePicture",imageData);
this.selectedImage = 'data:image/png;base64,' + imageData;
this.cameraPreview.stopCamera();
}, (err) => {
console.log(err);
alert("Error occured while taking picture:"+JSON.stringify(err))
});}
摄像机将像吼叫一样运行。。这条路走得很好。。
在这之后,我需要拍照,但结果是这样的
这是我的密码
RunCamera() {
let quarter = window.screen.height / 4, mid = quarter + (quarter/2)
const cameraPreviewOpts: CameraPreviewOptions = {
x: 0,
y: this.mid,
width: window.screen.width,
height: 70,
camera: 'rear',
tapPhoto: true,
previewDrag: true,
toBack: true,
alpha: 1
}
// start camera
this.cameraPreview.startCamera(cameraPreviewOpts).then(
(res) => {
console.log("startCamera ok",res)
},
(err) => {
console.log("startCamera Err",err)
});}
takePic(){
// picture options
const pictureOpts: CameraPreviewPictureOptions = {
width: 1280,
height: 1280,
quality: 85
}
// take a picture
this.cameraPreview.takePicture(pictureOpts).then((imageData) => {
console.log("takePicture",imageData);
this.selectedImage = 'data:image/png;base64,' + imageData;
this.cameraPreview.stopCamera();
}, (err) => {
console.log(err);
alert("Error occured while taking picture:"+JSON.stringify(err))
});}
还有什么可以实现我的目标吗?最后,5天后,我无法在拍照时自由选择尺寸。每个设备都有一组固定的可使用的可能尺寸。只有这些是可能的。如果我尝试使用上面的选项拍照,插件会选择一个最接近给定选项的supportedSize 我想要的只是图像的一部分。因此,之后需要对图像进行操作。操作图像不应该是这个插件的一部分
最后,5天后,我无法在拍照时自由选择尺寸。每个设备都有一组固定的可使用的可能尺寸。只有这些是可能的。如果我尝试使用上面的选项拍照,插件会选择一个最接近给定选项的supportedSize 我想要的只是图像的一部分。因此,之后需要对图像进行操作。操作图像不应该是这个插件的一部分