innerHTML在getImageData之后无法正常工作

Question

我使用代码在视频标签中显示网络摄像头显示的内容。

如果支持网络摄像头访问，我会每秒调用此功能：

function refresh() {
  var h = video.height;
  var w = video.width;
  var img = video.getImageData(0, 0, w, h);
  document.getElementById('text_01').innerHTML = "!";
}

使用var video

var video = document.querySelector('video');

问题在于＆＃34; text_01＆＃34;当我像这样放置这些行时成功更改：

document.getElementById('text_01').innerHTML = "!";
img = video.getImageData(0, 0, w, h);

但不是这样的：

img = video.getImageData(0, 0, w, h);
document.getElementById('text_01').innerHTML = "!";

在某些功能之后使用innerHTML是否有某种限制？

Answer 1

.getImageData是<canvas>元素的函数，而不是<video>元素。如果您检查了浏览器控制台，则会看到getImageData is not a function。

的内容

这就是未设置innerHTML的原因 - 由于错误，代码停止。