2012-05-17 79 views
2

我建立一個互動的SVG可視化(見圖片),並願意提供:響應式網頁:SVG可視化?

1)適應小屏幕尺寸(媒體查詢)

2)一個體面的回退時,JavaScript是禁用(?Modernizr的)

關於1:

做喲你認爲使用固定/離散像素寬度更好,還是應該讓SVG模塊適應可用寬度?

我是否需要窗口大小調整器偵聽器來動態更新佈局,或者在使用媒體查詢時是否過度使用?

關於2:

保持設計響應,這將是與靜態圖像取代SVG可視化的一個好辦法嗎?

enter image description here

+0

我很困惑,不能你只需要使用媒體查詢1和方式問題2不再成爲一個問題? – justinavery

+0

如果Javascript不可用,位圖圖像和服務器工作可能會被用作一個catchall。畢竟你的圖形數據在數據庫或平面文件中? – Chasbeen

回答

0

,你認爲這是更好地與固定/離散像素寬度的工作或我應該只是有SVG塊適應可用寬度?

縮放是矢量圖形的主要優點,爲什麼不呢?

我需要一個窗口調整大小偵聽器來動態更新佈局,或者是在使用媒體查詢時過度使用?

沒有

保持設計響應,這將是與靜態圖像取代SVG可視化的一個好辦法嗎?

轉換的JSON data source to XML,在服務器上生成的SVG using XSLT,然後發送靜態SVG到客戶端