如何将图像上传到HTML5画布

我目前正在使用 http://paperjs.org 创建HTML5画布绘图应用程序。我想让用户将图像上传到画布中。我知道我需要进行登录和注册,但是有更简单的方法吗?我已经看到HTML5拖放式上传。

回答:

我假设您的意思是将图像加载到画布中,而不是从画布上载图像。

在这里阅读他们所有的画布文章可能是一个好主意

但基本上,您要做的是在javascript中创建图片,然后将image.src=设置为任何文件位置。在从用户端加载图像的情况下,您将要使用文件系统API。

function handleImage(e){

var reader = new FileReader();

reader.onload = function(event){

var img = new Image();

img.onload = function(){

canvas.width = img.width;

canvas.height = img.height;

ctx.drawImage(img,0,0);

}

img.src = event.target.result;

}

reader.readAsDataURL(e.target.files[0]);

}

以上是 如何将图像上传到HTML5画布 的全部内容, 来源链接: utcz.com/qa/403774.html

回到顶部