Html5 canvas 如何将click替换为YES文档。getElementById(';snap';)。addEventListener(';click';,函数()

Html5 canvas 如何将click替换为YES文档。getElementById(';snap';)。addEventListener(';click';,函数(),html5-canvas,html5-video,Html5 Canvas,Html5 Video,我想让下面的功能自动执行 document.getElementById('snap').addEventListener('click', function() { context.drawImage(video, 0, 0, 640, 480); }); ready是正确的选择吗 document.getElementById('snap').ready(function() { context.drawImage(video, 0

我想让下面的功能自动执行

document.getElementById('snap').addEventListener('click', function() {
            context.drawImage(video, 0, 0, 640, 480);
     });
ready是正确的选择吗

document.getElementById('snap').ready(function() {
            context.drawImage(video, 0, 0, 640, 480);
     });
正如其他线程中所建议的那样 或者我可以使用布尔“是”替换事件侦听器吗

测试准备就绪,但无法工作

我所需要的就是抓拍照片自动运行 例子


谢谢

尝试在window.onload中执行您的函数,如下所示:

window.onload = function() {
    // Your javascript code here
    context.drawImage(video, 0, 0, 640, 480);
}

window.onload中的函数将在加载所有内容(包括CSS和媒体文件)后立即执行。

谢谢。onload谢谢。onload什么都不做。我假设第一个窗口从网络摄像头接收实时视频流,因此“从未加载”?另一方面,如果我只插入原始函数,视频无法加载,因此您的解决方案接近最终结果。我插入了等待(1000);函数(){…使视频停止加载OK,我插入了睡眠(1000);因为在JS中睡眠对于等待是正确的,但即使我插入睡眠(1);功能无法在clickfollow上执行有一个优秀的照相亭应用程序和JS和代码,但单行代码让我难以理解它是如何工作的后续4无论是睡眠还是等待,JS setTimeout的超时工作(函数(){alert(“hi”)},1000);