以下は、ユーザーの要望に基づいて写真を読み込み、クリックした位置に指定のテキストを含む画像を貼り付けるJavaScriptコードの例です。
```html
<!DOCTYPE html>
<html>
<head>
<title>写真を読み込むアプリ</title>
</head>
<body>
<input type="file" id="fileInput">
<img id="image">
<script>
document.getElementById('fileInput').addEventListener('change', function(e) {
var file = e.target.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var imageUrl = e.target.result;
document.getElementById('image').setAttribute('src', imageUrl);
};
reader.readAsDataURL(file);
});
document.getElementById('image').addEventListener('click', function(e) {
var x = e.clientX;
var y = e.clientY;
var text = "納期ご回答" + getDate() + "に納入いたします\n京都印鑑";
var img = new Image();
img.src = 'path/to/inkan.png'; // ここに印鑑の画像へのパスを指定
img.onload = function() {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
canvas.width = img.width + 20;
canvas.height = img.height + 20;
ctx.drawImage(img, 10, 10);
ctx.strokeRect(0, 0, img.width + 20, img.height + 20);
ctx.font = '14px Arial';
ctx.fillText(text, 10, img.height + 30);
var dataUrl = canvas.toDataURL();
document.getElementById('image').setAttribute('src', dataUrl);
};
});
function getDate() {
var date = new Date();
return date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate();
}
</script>
</body>
</html>
```
このコードでは、ユーザーが写真を選択した後、その写真を読み込んで表示します。その写真上でクリックすると、指定したテキストと印鑑画像を含む新しい画像が貼り付けられます。日付は現在の日付が自動的に取得され使用されます。印鑑の画像は指定のフォルダ内から読み込まれます。