Javascript canvas元素具有超宽的上边框

为什么我的页面在按钮和画布之间有很多空白。当我上传一些图片时

上传器
下载

函数draw（）{//upload
var ctx=document.getElementById（'canvas'）.getContext（'2d'），
img=新图像（），
f=document.getElementById（“uploadimage”）.files[0]，
url=window.zURL | | window.url，
src=url.createObjectURL（f）；
img.src=src；
img.onload=函数（）{
var parkBg=新图像（600500）；
文件.正文.附件（parkBg）；
parkBg.src=src；
}
}
函数download（）{//upload
var dt=canvas.toDataURL（'image/jpeg'）；
this.href=dt；
};
downloadLnk.addEventListener（'click'，download，false）；
document.getElementById（“uploadimage”）.addEventListener（“更改”，绘图，错误）

您看到的空白实际上是

画布

元素-如果没有CSS样式，它是不可见的

您没有在画布上显示图像-您正在向文档中添加图像元素，并在其中显示上载的图像

我想你需要在画布上显示图像。

---

请参阅我的示例，它完全实现了这一点：

标记无效-谢谢。我修正了结构，但我仍然有问题@imk 9зззч，如果我的答案对您有帮助，请将其标记为答案，否则请改进您的问题以获得帮助。如果您需要从画布保存图像，请查看