2012-05-17 37 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到客户端