滚动拉斐尔放大纸
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
在这篇 jsFiddle 中,我有一篇包含两个矩形的拉斐尔论文。我通过应用 setViewBox
.
矩形的宽度(它们具有相同的大小)为 50px,使用 setViewBox
函数将它们扩展到 100px,效果很好。我的问题是纸张尺寸也应该增加 200%(即纸张高度和宽度),并且由于包含纸张的 div 比纸张小,我应该能够滚动。
我需要实现以下目标:
(1) Raphael 论文中所有内部元素的大小应增加 200%。
(2) 纸张尺寸也应增加 200% 至 400px。
(3) 由于缩放纸张的尺寸 (400px) 大于其包含的 div (200px),因此 div 应该是可滚动的。
关于如何使这项工作有任何想法吗?不必与 setViewBox
.
您是否正在努力实现类似 this? 的目标
它使用 Paper.setSize
设置所需的 canvas 大小,然后使用 Paper.setViewBox