您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何将图像上传到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]);     
}
其他 2022/1/1 18:13:34 有631人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶