fabricjs可以';t使用canvas.loadFromJSON加载视频
这是chrome控制台信息 “加载数据时出错:视频/mp4;base64,数据URL'fabricjs可以';t使用canvas.loadFromJSON加载视频,canvas,html5-canvas,fabricjs,Canvas,Html5 Canvas,Fabricjs,这是chrome控制台信息 “加载数据时出错:视频/mp4;base64,数据URL' 如何使用canvas.loadFromJSON加载视频?Lame我没有使用stackoverflow来评论而不是回答,但仍然如此。最初通过Image类加载视频时,需要调用 var jsonData = { "objects" : [ { "type" : "image", "left" : 167, "top" :
如何使用canvas.loadFromJSON加载视频?Lame我没有使用stackoverflow来评论而不是回答,但仍然如此。最初通过Image类加载视频时,需要调用
var jsonData = {
"objects" : [
{
"type" : "image",
"left" : 167,
"top" : 97,
"width" : 480,
"height" : 240,
"id" : "DIN8DIF1",
"userId" : "ITNTMB1B",
"userName" : "Developer 1",
"createTime" : "2016-01-08 14:45:28",
"lastModify" : "2016-01-08 14:45:28",
"src" : "data:video/mp4;base64,//data url
"filters" : [],
"crossOrigin" : ""
},
],
"background" : "#ffffff",
"width" : 750,
"height" : 530
}
canvas.loadFromJSON(jsonData);
…以便将其渲染为视频。我认为,当加载JSON时,它仍然将其视为一个图像文件,而不是调用上述函数。如果有一种方法可以将类型标识为video而不是image,那么将此函数添加到If(type=video)语句中,那么它可能会工作
但首先我想知道,当您通过JSON加载时,它是否真的在画布上放置了一个空白图像对象。或者如果你真的解决了这个问题,请告诉我们请添加一些您尝试过的代码。您正在加载图像对象,但提供视频数据?我不确定,但这似乎是合法的,没有显示任何内容。fabricjs可以使用其图像类渲染视频,问题是当您从json加载回视频时,视频不是预期的。请您提供一把我能看到这件事的小提琴好吗?
fabric.util.requestAnimFrame(function render() {
canvas.renderAll();
fabric.util.requestAnimFrame(render);
});