document.getElementById("ocr_results").innerText = "";
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
canvas.getContext('2d').drawImage(video, 0, 0);
// Other browsers will fall back to image/png
img.src = canvas.toDataURL('image/png');
runThis(img.src);
};
şimdiş öyle bir kod var tamam mı?
bu kod, videodan screenshot alıp, bunun verisini runThis diye bir fonksiyona gönderiyor.
bu kodu, screenshot alması yerine, halihazırda yer alan bir fotoğrafı kullanması için nasıl değiştiririm?
örneğin;
klasörde blabla.jpg diye bir dosya var, bunu okumasını nasıl sağlarım?
veya direkt; <img src="blabla.jpg" id="blabla" /> diye bir dom var. bu resmi bu fonksiyona nasıl gönderirim, data olarak?
eğer dom'da mevcut bir img varsa şuradaki kodu kullanabilirsin, orada img yüklendikten sonra alıyor kodu sen direkt alacaksın.
screenshotButton.onclick = video.onclick = function() {
document.getElementById("ocr_results").innerText = "";
const ssimg = document.querySelector('#blabla');
img.src = getDataUrl(ssimg);
runThis(img.src);
};
www.tutorialspoint.com
yok elinde link var img tag'ı yoksa şu kodu kullanabilirsin,
bu sefer de kodun şöyle olacak
screenshotButton.onclick = video.onclick = function() {
document.getElementById("ocr_results").innerText = "";
const ssimg = document.querySelector('#blabla');
toDataUrl('blabla.jpg', function(base64Img){
img.src = base64Img;
runThis(img.src);
})
};
gist.github.com
