以“无数据”的方式使用vis.js时间线(例如视频编辑时间线)
以“无数据”的方式使用vis.js时间线(例如视频编辑时间线)
提问于 2016-02-16 13:01:42
我想知道是否可以使用vis.js的时间线图来构建一个接口，以便从<video>元素中放置一些关键帧。
我已经找到了一些与我所寻找的更接近的库，比如timeline.js或推特，但是它们更像动画界面，而且对于我的需求来说太过了。我只需要放置(t，x，y)值的关键帧，并以友好的方式显示它们。
问题是，vis.js将时间线的‘开始’和‘结束’设置为Date对象，但我需要的是没有数据的东西，从0到'n‘秒。我不太清楚如何用Date实现这一点，因为这是vis.js使用的方法。
对于如何构建这个方法，或者我还没有找到更接近我的方法的替代方案，有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-17 13:24:29
vis.js的时间线是以模块化的方式构建的，因此您可以创建一个使用当前TimeAxis以外的其他轴的Timeline版本。不过，这需要深入研究代码。
Stack Overflow用户
发布于 2022-01-13 18:10:47
您可以在jsfiddle中显式共享以下配置来使用时间线：https://jsfiddle.net/supereye/7j02Legx/9/
它将为您提供一个接口，如：
您可以在此设置中使用下面的选项：
var start = new Date(1970, 0, 1, 0, 0, 0, 0);
var end = new Date(1970, 0, 1, 0, 1, 0, 0);
var options = {
width: "500px",
height: "100px",
align: "box",
groupHeightMode:'fixed',
maxMinorChars : 2,
zoomKey: "ctrlKey",
horizontalScroll: true,
verticalScroll: true,
orientation: "top",
moveable: true,
zoomable : true,
editable: true,
min: start,
max: end,
start: start,
end: end,
zoomMax: 10000000,
zoomMin: 1000,
stack:false,
multiselect: true,
multiselectPerGroup: true,
editable: {
add: true,
updateTime: true,
updateGroup: true,
remove: true,
overrideItems: true
},
onRemove: function(item, callback) {
callback(item);
},
onMove: function(item, callback) {
callback(item);
},
onMoving: function(item, callback) {
let currentItem = timeline_items.get(item.id);
if (item.start < limit_min) item.start = limit_min;
callback(item);
},
rollingMode: {
follow: false,
offset: 0.5
},
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35433357
复制相关文章
相似问题
腾讯云开发者
