在此jsFiddle我有一篇带有两个矩形的拉斐尔论文。我通过应用 setViewBox
将纸张放大了 200%。
矩形的宽度(它们具有相同的大小)是 50px,并且使用 setViewBox
函数将它们扩展到 100px,效果很好。我的问题是纸张尺寸也应该增加 200%(即纸张高度和宽度),并且由于包含纸张的 div 比纸张小,所以我应该能够滚动。
我需要实现以下目标:
(1) 拉斐尔纸中的所有内部元素的尺寸应增加 200%。
(2) 纸张尺寸也应增加 200% 至 400px。
(3) 由于缩放纸张的尺寸 (400px) 大于其包含的 div (200px),因此该 div 应该是可滚动的。
有什么想法可以让这项工作发挥作用吗?不必与 setViewBox
一起使用。
最佳答案
您是否正在尝试实现类似 this? 的目标
它使用 Paper.setSize
设置所需的 Canvas 大小,然后使用 Paper.setViewBox
关于javascript - 滚动拉斐尔放大的纸张,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58666125/