4

我的 Web 项目需要时间线。像这样的东西- 我阅读了这个时间线的代码,但由于没有足够的文档记录而无法理解。

我的问题是所有这些背后的数学(不是与画布的交互)。
已经 阅读 几篇关于滚动条数学的文章,但没有一篇文章谈到缩放。
一些 文章建议保存具有非常大宽度值的画布元素 - 并仅显示 View Port
我认为这不是正确的方法 - 我只想绘制正确的视口。

在我的项目中,我有很多n点。
每个点都保存以秒为单位的时间值,但并非所有点都在 Viewp 端口内。

考虑到当前的缩放级别,我该如何计算:

  • 应该画哪些点,在哪里画?
  • 拇指的大小和位置是多少?
  • 关于这样的事情的任何文章/教程?
  • 4

    2 回答 2

    1

    您也许可以使用Flot之类的东西来处理点的放置以及缩放和平移。这是一个例子。

    还有很多其他的绘图库,这里有一个很好的列表

    于 2012-08-27T21:09:05.693 回答
    0

    您总是拥有 Raphealjs.com,这是最常用的 SVG 库之一,您可以使用它编写自己的 js 来生成时间线。

    于 2012-09-08T19:20:06.783 回答