Ekşi Duyuru Javascript sorusu

(1)

Javascript sorusu

whatdreamsnevercome

screenshotButton.onclick = video.onclick = function() {
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?

whatdreamsnevercome

(10.01.21)

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

aziz dostum jack

(10.01.21)