使用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/

嘗試調整小提琴中位數的大小。