放大元素而不改变元素的大小

时间:2011-11-22 07:01:22

标签: javascript html5-canvas flot zooming

例如;如果我有一个flot画布图并且我想能够查看其中一个区域的特写,我希望能够放大到一个特定区域并显示一个滚动条用于水平和垂直平移,以便每个部分都可以查看。这可能吗?

2 个答案:

答案 0 :(得分:1)

您可能想要使用zoom CSS属性。以下是a little example的实际操作。

对于滚动条,您可以尝试将缩放元素放在已设置overflow: scroll;的父级中。

我希望这会有所帮助。

答案 1 :(得分:0)

一切皆有可能,但是flot本身并不支持。你最好的选择是使用内置于flot中的平移和缩放功能(通过导航插件),但是对于滚动条,你可能必须覆盖一些假滚动条(可能使用带有overflow:scroll的div,如@ Wolfy87建议)并将它们连接到flot图。

当图表移动时,Flot会触发plotpanplotzoom个事件,因此您可以使用它们来保持滚动条同步。

我之前没有见过有人这样做,所以我不能指出你的例子。但是这些代码放在一起似乎并不合理。