在不改变元素大小的情况下放大元素

Zooming into an element without changing the element's size

本文关键字：元素情况下放大改变更新时间：2023-09-26

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

您可能想使用zoom CSS属性。下面是它的一个小例子。

至于滚动条，您可以尝试将缩放的元素放置在具有overflow: scroll;设置的父元素中。

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

Flot在图形移动时触发plotpan和plotzoom事件，因此您可以使用它们来保持滚动条同步。

我以前没有见过任何人这样做，所以我不能给你指一个例子。但是把这些代码放在一起似乎并不是不合理的。