github/cordova-plugin-camera
github/cordova-plugin-camera
3
0
Fork 0
mirror of https://github.com/apache/cordova-plugin-camera.git synced 2025-02-24 07:12:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

CB-10139 browser: Respect target width and height

Browse Source 
This closes #210
This commit is contained in:
Keith M 2016-05-07 14:36:33 -04:00 committed by Nikhil Khandelwal
parent 2a7469e065
commit 7551778e13
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/browser/CameraProxy.js
View File

@ -23,7 +23,7 @@ var HIGHEST_POSSIBLE_Z_INDEX = 2147483647;
function takePicture(success, error, opts) { function takePicture(success, error, opts) {
if (opts && opts[2] === 1) { if (opts && opts[2] === 1) {
capture(success, error); capture(success, error, opts);
} else { } else {
var input = document.createElement('input'); var input = document.createElement('input');
input.style.position = 'relative'; input.style.position = 'relative';
@ -48,8 +48,13 @@ function takePicture(success, error, opts) {
} }
} }
function capture(success, errorCallback) { function capture(success, errorCallback, opts) {
var localMediaStream; var localMediaStream;
var targetWidth = opts[3];
var targetHeight = opts[4];
targetWidth = targetWidth == -1?320:targetWidth;
targetHeight = targetHeight == -1?240:targetHeight;
var video = document.createElement('video'); var video = document.createElement('video');
var button = document.createElement('button'); var button = document.createElement('button');
@ -59,14 +64,16 @@ function capture(success, errorCallback) {
parent.appendChild(video); parent.appendChild(video);
parent.appendChild(button); parent.appendChild(button);
video.width = 320; video.width = targetWidth;
video.height = 240; video.height = targetHeight;
button.innerHTML = 'Capture!'; button.innerHTML = 'Capture!';
button.onclick = function() { button.onclick = function() {
// create a canvas and capture a frame from video stream // create a canvas and capture a frame from video stream
var canvas = document.createElement('canvas'); var canvas = document.createElement('canvas');
canvas.getContext('2d').drawImage(video, 0, 0, 320, 240); canvas.width = targetWidth;
canvas.height = targetHeight;
canvas.getContext('2d').drawImage(video, 0, 0, targetWidth, targetHeight);
// convert image stored in canvas to base64 encoded image // convert image stored in canvas to base64 encoded image
var imageData = canvas.toDataURL('image/png'); var imageData = canvas.toDataURL('image/png');