Member 14109498 Ответов: 1

Я хочу создать canvas.js приложение для редактирования изображений для автомобилей

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

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

Что я уже пробовал:

<pre>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');
    }
}


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

1 Ответов

Рейтинг:
2

Prasad Nikumbh

Привет,

Вы можете сделать это приложение ,но сначала вы должны создать базу данных для того же самого, где вы должны упомянуть размер изображения, местоположение(x и y) и все остальное.После этого вы можете искать события canvas,а также есть некоторые доступные библиотеки jquery, такие как jquery.Jcrop.js так что вы можете использовать эту обрезку и изменение размера.
Такие события,как onclick или изменение размера,перемещение и т. д., Вы должны провести мозговой штурм для этой логики.
Поднимая определенные события, вы можете получить текущий размер и местоположение, а также сохранить это местоположение и размер в db.so что когда вы открываете эту тему впоследствии, вы можете получить то же самое местоположение и размер этого конкретного изображения.Кроме того,вы можете создать другую вещь,например,добавить текст,добавить изображение или что-то еще, а затем после этого вы можете получить все местоположение этого конкретного изображения и сохранить его в базе данных.

Спасибо.