创建画布应用程序以进行汽车图像编辑

时间:2019-01-06 13:59:11

标签: javascript html5 image canvas upload

嗨,我当时正在考虑在canvas .js上做一个侧面项目,我真的很喜欢汽车,我想看看是否有一种方法可以创建一个供汽车爱好者上传其汽车图像并包含其他画布元素的网站他们可以将其拖放到上传和更改的图像上,例如轮子说。 这样,如果有人能指出正确的方向,这使他们可以在线进行数字编辑,然后再实际进行编辑,我是画布上的新手,但我愿意学习。

感谢谁读过这篇文章并做出答复意味着很多

正在考虑使用类似的方法,但是应该更进一步

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"/>

0 个答案:

没有答案