畫布不顯示/在Windows的Chrome

Question

畫什麼，我有下面的代碼工作中存在的問題：IE 10，火狐，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版本，但不是Windows版本Chrome？

Answer 1

我不明白爲什麼當你不使用jQuery時，你在函數前面使用美元符號（$）。

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

    ... 

}; 

應該清除錯誤。