Javascript canvas imageDraw（）不工作

我想使用toDataURL（）获取图像数据。但我的Imagedraw（）方法不起作用

    var video = document.getElementById('media-video');
            var videoCurrentTime = document.getElementById('media-video').currentTime;
            var canvasWidth = $('video').width();
            var canvasHeight = $('video').height();
            var c = $('body').append($('<canvas>',{id: 'myCanvas', width:canvasWidth, height:canvasHeight}));

    var ctx;

    $(document).ready(function() {
        c = document.getElementById('myCanvas');                        
        ctx = c.getContext("2d");            
    });
    c.onload=function(){
        ctx.drawImage(video, 0, 0,canvasWidth , canvasHeight);
    }  
    imageData = c.toDataURL("image/jpeg",1.0);

    window.open(imageData, "toDataURL() image", "width=600, height=200");
}

var video=document.getElementById（'media-video'）；
var videoCurrentTime=document.getElementById（'media-video'）.currentTime；
var canvasWidth=$（'video'）.width（）；
var canvasHeight=$（'video'）.height（）；
var c=$（'body'）.append（$（''，{id:'myCanvas'，width:canvasWidth，height:canvasweight}））；
var-ctx；
$（文档）.ready（函数（）{
c=document.getElementById（'myCanvas'）；
ctx=c.getContext（“2d”）；
});
c、 onload=函数（）{
ctx.drawImage（视频，0，0，画布宽度，画布高度）；
}  
imageData=c.toDataURL（“图像/jpeg”，1.0）；
打开（imageData，“toDataURL（）图像”，“宽度=600，高度=200”）；
}

---

我可以看到imageData中返回的空白画布

因为

c.onload=

是acyns。在onload之后，您最多可以访问dataurl

c.onload=function(){
    ctx.drawImage(video, 0, 0,canvasWidth , canvasHeight);
    imageData = this.toDataURL("image/jpeg",1.0);
  window.open(imageData, "toDataURL() image", "width=600, height=200");
} 

---

没用$（document）.ready（函数（）{ctx.drawImage（视频，0，0，画布宽度，画布高度）；}）；imageData=c.toDataURL（“图像/jpeg”，1.0）；现在的问题是toDataURL（）codec.onload您必须加载toDataURL（）？我尝试过提供静态值。上面的代码在iframe中。这和它有什么关系吗？