首页 > 解决方案 > 滚动拉斐尔放大纸

问题描述

在这个jsFiddle 中,我有一篇带有两个矩形的 Raphael 论文。我通过应用将纸张放大 200% setViewBox

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

我需要实现以下目标:

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

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

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

任何想法如何使这项工作?不必与setViewBox

标签: javascriptraphael

解决方案


你想达到这样的目标吗? 它用于Paper.setSize设置所需的画布大小,然后使图形适合新画布Paper.setViewBox


推荐阅读