Question

我目前正在努力捕捉图像并进行显示。基本上该网站用网络摄像头拍照，将其绘制到画布上，然后使用以下代码将其转换为base64：

var image = canvas.toDataURL("image/png");

然后将其发送到sql数据库。我拍了多张照片，所有照片都有不同的尺寸，所以数据写得很清楚。可悲的是，当我把它们画出来时，它们是透明的。我也检查了页面，并检查了<img>的base64与数据库中的base64匹配，确实如此，但是当我将鼠标悬停在它上面时，它也会将图像显示为透明。出现这种情况的原因是什么以下是base64的开头：

数据：图像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAAyAAAAJYCAYAAACadoJwAAAgAElEQVR4XsS9WZClaXIldO6

这是我回应它的方式：

echo '<img src="' . $row['image'] . '"</img>';

Answer 1

您需要设置context的以下canvas属性

context = canvas.getContext('2d')
context.fillStyle = "white";  // white is background color
context.fillRect(0, 0, canvas.width, canvas.height);

HTML base64图像是透明的

1 个答案: