Raphaeljs调整画布大小以适合内容

Question

在Raphaeljs中，我所拥有的内容超出了画布大小。 我要做的是使画布展开，并在画布周围具有一个可滚动的容器，以便用户可以查看所有内容。

<div class="canvas_container" id="canvas_container">
  <svg>
  </svg>
</div>

在所有内容加载完毕后，有什么方法可以调整Raphaeljs画布的大小，使其适合所有内容？ 基本上是“适合的规模”。 我的canvas_container div设置为具有可滚动的溢出，因此，如果我可以让Raphaeljs调整大小以适合所有内容，则它应该可以工作。

Answer 1

您可以遍历Raphael画布中的所有元素，并获得边界框以计算图像的大小，然后调整画布的大小。

Paper.forEach ， Element.getBBox和Paper.setSize方法将很有用。