Question

我遇到以下代码的问题： IE 10 ， Firefox ， Safari ， Mac Chrome ，但不适用于 Windows Chrome 。

$(function () {
    var video_dom = document.querySelector('#v');
    var canvas_draw = document.querySelector('#c');

    var draw_interval = null;

    video_dom.addEventListener('play', function () {
        video_dom.width = canvas_draw.width = video_dom.offsetWidth;
        video_dom.height = canvas_draw.height = video_dom.offsetHeight;
        var ctx_draw = canvas_draw.getContext('2d');
        draw_interval = setInterval(function () {
            ctx_draw.drawImage(video_dom, 0, 0, video_dom.width, video_dom.height);
            var dataURL = canvas_draw.toDataURL();
            document.getElementById('canvasImg').src = dataURL;
        }, 3500)

    }, false);
})();

此外，我在控制台中收到此错误：Uncaught TypeError: object is not a function 为什么画布在 Mac 版本中工作，而不是 Chrome 的 Windows 版本？

Answer 1

当你不使用jQuery时，我不明白为什么你在函数前使用美元符号（$）。

window.onload = function () {
    var video_dom = document.querySelector('#v');
    var canvas_draw = document.querySelector('#c');

    ...

};

应该没有错误。

画布未在Windows Chrome中显示/绘制任何内容

1 个答案: