使用RapaelJS放大/缩小逻辑

Question

所以，当您将闪存对象设置为100％宽度/高度时，最终发生的情况是Flash电影在拉伸时放大并使窗口变大。那么也许这不是正在发生的事情，但它看起来像这样。

我试图实现与RaphaelJS类似的东西。这里：http://jsfiddle.net/soparrissays/2rqtL/3/，我有一个简单的例子，其中圆形缩小和扩大，使结果窗口更大;但是，它会倒退。随着窗户尺寸的增大，圆圈应该变大，而不是变小。任何人都可以发现这里发生了什么？

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

Answer 1

viewBox是您可以看到的区域。你不希望这个改变 - 你希望能够看到原来的800 * 600区域，无论规模如何。如果我的画布是800 * 600，我总是希望看到这个空间。我想要做的是将800 * 600的区域缩放以适应可见区域。您可以通过调整画布以适合窗口，并视框设置为静态为800 x 600

见做到这一点：http://jsfiddle.net/WgTuF/1/

Answer 2

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

我所做的是，我把最大化窗口的innerwidth作为centPercentWidth。

然后在窗口的onresize，即时发现当前窗口宽度多少次给予最大化window.This的宽度是通过

var times = centPercentWidth/width;完成。

之后，我有一个变量adjust，这是为了调整夸大的效果。 您可以更改此值，并查看调整大小效果如何随值变化。现在是它的一个（默认行为）。

然后我们使用times varible。（c和d）找到viewBox的thrid和fourth参数的值。

放置小提琴。 http://jsfiddle.net/89Qsx/

尝试调整小提琴中位数的大小。