Javascript 使用RapaelJS放大/缩小逻辑

因此，当您将flash对象设置为100%宽度/高度时，最终发生的是，当您将其拉伸并使窗口变大时，flash电影会放大。也许这不是正在发生的事情，但看起来是这样的

我正试图通过拉斐尔的作品实现类似的目标。这里：，我有一个简单的例子，当你把结果窗口变大时，圆圈会缩小和扩大；然而，它是反向的。随着窗口的增大，圆圈应该变大，而不是变小。有人能看出这里发生了什么事吗

---

我正在尝试使用setViewBox来实现这一点。

我不知道我是否完全正确，但有一个解决方案如下

我所做的是，我将最大化窗口的

innerwidth

作为

centPercentWidth

然后重新调整窗口的大小，我会找到当前窗口宽度的多少倍将给出最大化窗口的宽度。这是通过

var-times=centPercentWidth/width

之后，我有一个变量
adjust
，用于调整效果的夸张程度。
您可以更改此值，并查看大小调整效果如何随值变化。目前，它是一个（默认行为）

然后，我们使用
时间
变量（c和d）查找viewBox的第三个和第四个参数的值

摆好小提琴

尝试调整小提琴中间带的大小。
视图框是您可以看到的区域。你不想改变这一点-你希望能够看到原来的800*600区域，而不考虑比例。如果我的画布是800*600，我总是想看到这个空间。我想做的是缩放800*600区域，使其适合可见区域。可以通过调整画布大小以适应窗口并将viewBox设置为静态800 x 600来实现此目的

见：