gpt4 book ai didi

javascript - 滚动拉斐尔放大的纸张

转载 作者:行者123 更新时间:2023-12-02 22:38:27 25 4
gpt4 key购买 nike

在此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

将图形适合新 Canvas

关于javascript - 滚动拉斐尔放大的纸张,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58666125/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com