需要围绕Raphael Canvas滚动

Question

我正在使用Raphael JS形状处理流程图。这是动态的;即，我不知道我将在Raphael js画布上绘制多少图表。它可以有10个拉斐尔形状或者可以有数百个，即它会垂直生长。

我面临以下问题：

1. 形状正在走出Raphael Canvas。我想根据形状的数量增加/减少Canvas的大小。
2. 我想要一个围绕Raphael Canvas的滚动框。我不想使用浏览器滚动，因为我在同一页面上还有其他东西，所以我想滚动Raphael形状的区域，而不是整个页面。

是否有可能实现这两种效果？

Answer 1

我从你的问题中收集到你想知道如何将大量内容（或大件内容）放入<div>并在其上设置滚动条。要做到这一点，你只需要在该div上使用一行css：

overflow-y: auto;

以下是一个示例：http://jsfiddle.net/yJGGE/

在您的情况下，只需将“滚动框”的大小设置为您想要的最大大小，并将图形放入其中。如果图形溢出滚动框的高度，则会出现滚动条。

希望有所帮助