Windows浏览器不显示/绘制任何东西

我有一个问题,下面的代码适用于: IE 10FirefoxSafariMac 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
为什么canvas在Mac版本中工作,而不是Windows版本的Chrome

当你不使用jQuery时,我不明白你为什么在你的函数前面使用美元符号($)。

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

应该清除错误。