滚动拉斐尔放大纸

Scroll Raphael zoomed-in paper

在这篇 jsFiddle 中,我有一篇包含两个矩形的拉斐尔论文。我通过应用 setViewBox.

将纸张放大了 200%

矩形的宽度(它们具有相同的大小)为 50px,使用 setViewBox 函数将它们扩展到 100px,效果很好。我的问题是纸张尺寸也应该增加 200%(即纸张高度和宽度),并且由于包含纸张的 div 比纸张小,我应该能够滚动。

我需要实现以下目标:

(1) Raphael 论文中所有内部元素的大小应增加 200%。

(2) 纸张尺寸也应增加 200% 至 400px。

(3) 由于缩放纸张的尺寸 (400px) 大于其包含的 div (200px),因此 div 应该是可滚动的。

关于如何使这项工作有任何想法吗?不必与 setViewBox.

您是否正在努力实现类似 this? 的目标 它使用 Paper.setSize 设置所需的 canvas 大小,然后使用 Paper.setViewBox

使图形适合新的 canvas