2012-01-23 24 views
0

次のコードを使用して写真を取得し、htmlで表示するとうまくいきます。Phonegap - 画像をフォトライブラリにキャプチャしてHTMLで表示

function takePicture() { 

    navigator.camera.getPicture(
     function(uri) { 
      var img = document.getElementById('camera_image1'); 
      img.style.visibility = "visible"; 
      img.style.display = "block"; 
      img.src = uri; 
      document.getElementById('camera_status').innerHTML = "Success"; 

     }, 

     { quality: 50, allowEdit: true, destinationType: navigator.camera.DestinationType.FILE_URI}); 
}; 

HTML後で

<img style="width:144px;height:144px;" id="camera_image1" src="nophoto.jpg"/> 

けど...これはこれは、現在のライブラリに画像を取り込むので、私は

navigator.device.capture.captureImage 

にラインを微調整カメラのフォトライブラリに画像を保存しませんが、

  1. htmlで表示されなくなりました
  2. もはや私はカメラのアプリ "

に感謝任意のポインタを写真を取った後、私は写真を編集することができません。

のPhoneGap 1.3

答えて

1

captureImageが成功した場合、それはあなたのコールバック(それは複数の結果を持つことが可能ですが、あなたの例では、一つだけを持っていますので、配列)にMediaFileがオブジェクトの配列を渡します。 MediaFileオブジェクトには完全なパスが含まれています。上記のようなコードを使用して、ファイルuriを指すようにする必要があります。

2番目の質問については、ここで期待していることは不明です。 「イメージキャプチャ」自体は編集していません。 JavaScriptを使用して独自のエディタを構築する必要があります。

+0

私はMediaFileオブジェクトを見て少し混乱しています。見苦しくなります。 – adamprocter

+0

編集については、私がcamera.getPictureとset allowedit:trueを使用したときを意味します。写真を保存する前に調整することができました。基本的なトリミングは本当にありました。もう一度ありがとう – adamprocter

+0

Camera APIはCapture APIよりも多くの機能を提供します。そのため、Captureで保存する前に編集することはできません。 –

関連する問題