Я сделал html-страницу для рисования на холсте, но теперь я хочу использовать нарисованное изображение на холсте в качестве входных данных для моего классификатора с помощью django, я не знаю, как передавать данные изображения и что писать в представлениях django для полученияданные изображения
HTML-код -
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Draw Number</title>
</head>
<body>
<canvas id="canvas" width="600" height="600" style="border: 1px solid black;"></canvas>
<script src="canvas.js"></script>
<button onclick="myFunction()">Reset</button>
<script >
function myFunction(){
var canvas= document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
}
</script>
</body>
</html>
Javascript Code-
window.addEventListener("load",()=>{
const canvas=document.querySelector("#canvas");
const ctx=canvas.getContext("2d");
let painting=false;
function startPosition(e){
painting=true;
draw(e)
}
function finishedPosition(){
painting=false;
ctx.beginPath();
}
function draw(e){
if(!painting) return;
ctx.lineWidth=7;
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",finishedPosition);
canvas.addEventListener("mousemove",draw);
})