我有一个 html5 视频,我正在使用它截取屏幕截图:
context.drawImage(video, 0, 0, w, h);
这可以很好地在画布上绘制屏幕截图。但是,我想做的是在多个画布上拍摄多个屏幕截图,并使用Resemble.js将它们相互比较。
Resemble.js 需要两个文件,我正在尝试使用 toDataURL() 从画布中获取这些文件。
var image1 = new Image();
image1.id = "pic"
image1.src = canvas1.toDataURL("image/png");
然后将图像插入类似于:
resemble(image1).compareTo(image2).onComplete(function(){
//return data;
alert(data);
/*
{
misMatchPercentage : 100, // %
isSameDimensions: true, // or false
getImageDataUrl: function(){}
}
*/
});
这对我来说似乎失败的地方是 toDataURL()。它不会从画布上产生任何东西。是什么导致了这个问题?我的方法是否正确?