Я пытаюсь создать веб-приложение ML, которое распознает нарисованные цифры.Мне удалось использовать HTML и Javascript для рисования на холсте, но мне нужно вернуть эти данные изображения обратно в основные файлы Django для алгоритма прогнозирования.
Я могу "console.log"Пиксельные данные изображения из самого файла javascript, но как мне отправить их обратно в Django?
Вот код, который используется для рисования:
window.addEventListener("load", () => {
const canvas = document.querySelector('#canvas');
const ctx = canvas.getContext('2d');
console.log("hi!")
canvas.height = window.innerHeight;
canvas.width = window.innerWidth;
let painting = false;
function startPosition(e){
painting = true;
draw(e);
}
function endPosition(){
painting = false;
ctx.beginPath();
var imgData = ctx.getImageData(0, 0, window.innerHeight, window.innerWidth);
console.log(imgData);
}
function draw(e) {
if (!painting) return;
ctx.lineWidth = 10;
ctx.lineCap = 'round';
ctx.lineTo(e.clientX, e.clientY);
ctx.stroke();
ctx.beginPath();
ctx.moveTo(e.clientX, e.clientY);
}
canvas.addEventListener("mousedown",startPosition);
canvas.addEventListener("mouseup",endPosition);
canvas.addEventListener("mousemove",draw);
});