Создание приложения холста для редактирования изображения автомобиля

Question

Привет, я думал о создании побочного проекта на canvas .js, и я действительно увлекаюсь автомобилями и хотел посмотреть, есть ли способ создать сайт для любителей автомобилей, чтобы загружать изображения своего автомобиля и иметь другие элементы canvas. что они могут перетащить изображение, которое они загрузили, и изменить его, например, скажем, колеса. Чтобы они могли редактировать свою машину в режиме онлайн, прежде чем делать это, если кто-то может указать мне правильное направление, что было бы здорово, я новичок в работе, но готов учиться.

спасибо, кто когда-либо читает это и отвечает много значит

думал об использовании чего-то подобного, но, конечно, продолжал это делать

var input = document.getElementById('input');
input.addEventListener('change', handleFiles);

function handleFiles(e) {
    var ctx = document.getElementById('canvas').getContext('2d');
    var img = new Image;
    img.src = URL.createObjectURL(e.target.files[0]);
    img.onload = function() {
        ctx.drawImage(img, 20,20);
        alert('the image is drawn');
    }
}

<h1>Test</h1>
<input type="file" id="input"/>
<canvas width="400" height="300" id="canvas"/>