How to access html+js canvas in Django?

I tasked myself to write a website in python using django. The website contains a canvas where you can draw with a mouse. Now I need to get the pixel values of the canvas and somehow “send them to python”, so that my neural network can process this image. How can I do that?

{% extends 'main/layout.html' %}

{% block title %}Anton{% endblock %}

{% block content %}
    <div class="features">
        <h1>{{title}}</h1>
        <p>{{ current_url }}</p>
        <canvas id="canvas">Canvas</canvas>

        <script src="/static/main/js/drawing.js"></script>

<!--        <button class="btn btn-warning">To page about us</button>-->
    </div>
{% endblock %}

var
    isMouseDown = false,
    canv = document.getElementById('canvas'),
    ctx  = canv.getContext('2d'),
    brushThickness = 10;

canv.width = 600;
canv.height = 600;
ctx.fillStyle = 'white';
ctx.fillRect(0, 0, canv.width, canv.height);
ctx.fillStyle = 'black';
ctx.lineWidth = brushThickness * 2

canv.addEventListener('mousedown', function() {
    isMouseDown = true;
});

canv.addEventListener('mouseup', function() {
    isMouseDown = false;
    ctx.beginPath();
});

canv.addEventListener('mousemove', function(e) {
    if (isMouseDown) {
        var
            rect = canv.getBoundingClientRect(),
            x = e.clientX - rect.left,
            y = e.clientY - rect.top;

        ctx.lineTo(x, y);
        ctx.stroke();

        ctx.beginPath();
        ctx.arc(x, y, brushThickness, 0, Math.PI * 2);
        ctx.fill();

        ctx.beginPath();
        ctx.moveTo(x, y);
    }
});

document.addEventListener('keypress', function(event) {
    if (event.key === 'q') {
        var imageData = ctx.getImageData(0, 0, canv.width, canv.height);
        var pixels = imageData.data;

        console.log(pixels);
    }
});

from django.shortcuts import render
from django.http import HttpResponse
from django.http import JsonResponse
import requests
from django.urls import resolve

# Create your views here.

def index(request):
    data = {'title': '0123', 'current_url': 'textsome sasmpletext'}
    return render(request, 'main/index.html', data)

How can I do that, I’ve exhausted many options like google and chatgpt. Please help.