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

Question

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

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

有没有什么方法可以在所有内容加载后调整Raphaeljs画布大小以使其适合所有内容？基本上，＆＃34;规模适合＆＃34;。我的canvas_container div被设置为具有可滚动的溢出，所以如果我可以让Raphaeljs调整大小以适应所有内容，那么它应该可以工作。

Answer 1

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

Paper.forEach，Element.getBBox和Paper.setSize方法非常有用。