2013-04-03 57 views
1

我已經完成SVG圖表的放大。請參閱下面的截圖。如何在SVG中實現像谷歌地圖一樣的平移

enter image description here

上面截圖系列被放大state.i用於削波概念隱藏從圖表區外線變焦後。

我需要在這裏做平移嗎?我如何實現像谷歌地圖。當我開始平移移動系列並查看其他區域的縮放圖表時。 我如何執行SVG中路徑元素的「translate」操作。截圖中的元素稱爲系列(即數據點/行)。

我需要根據鼠標movec移動元素縮放區域(即像滾動隱藏的內容)。

「translate」屬性是否用於查看其他縮放區域?我如何執行「翻譯」的路徑元素,這將使平移。

正常圖表截圖。

enter image description here

縮放屏幕截圖。

enter image description here

請參考以下鏈接。

http://www.cyberz.org/projects/SVGPan/tiger.svg

感謝,

溼婆

+0

您是否試圖通過javascript鏈接查看您鏈接的svg? http://www.cyberz.org/projects/SVGPan/SVGPan.js – SirCxyrtyx

回答

0

首先可以肯定的:

下載svgpan.js項目中的位置文件

是必須在你的代碼正確的地方

您必須dd this:xmlns:xlink =「http://www.w3.org/1999/xlink」