画像をキャプチャしてアプリに保存する機能を備えた ios/andorid/windows 用のアプリを開発しています。マイ イメージをキャプチャしてフォルダに保存し、div に表示します。しかし、私が撮ったその画像の日時を追加したいです。2013 年 8 月 25 日に画像を撮影するとします。この日時を画像の右隅に表示したいと思います。
phonegap でこれを実現するにはどうすればよいでしょうか。キャンバスのhtml5機能について聞いたことがありますが、キャンバスタグで撮影した画像を使用する方法がわかりません。
function capturePhoto() {
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50,
destinationType: destinationType.FILE_URI });
}
function onFail(message) {
alert('Failed because: ' + message);
}
function onPhotoDataSuccess(imageData) {
console.log("Image Property-->");
var smallImage = document.getElementById('smallImage');
smallImage.style.display = 'block';
// smallImage.src = "data:image/jpeg;base64," + imageData;
smallImage.src = imageData;
}
<div data-role="page">
<div data-role="header" data-theme="b">
<h1>DATE !T</h1>
</div><!-- /header -->
<div data-role="content">
<button onclick="capturePhoto();">Capture Photo</button><br>
<img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
</div><!-- /content -->
<div data-role="footer" data-position="fixed" data-theme="b">
<h4>Footer</h4>
</div><!-- /footer -->