javascript - 响应式网络：SVG 可视化？

Question

我正在构建一个交互式 SVG 可视化（见图）并希望提供：

1）适应更小的屏幕尺寸（媒体查询？）

2) 禁用 JavaScript 时的一个不错的回退 (Modernizr?)

关于1：

您认为使用固定/离散像素宽度更好还是应该让 SVG 块适应可用宽度？

我是否需要一个窗口调整大小侦听器来动态更新布局，或者在使用媒体查询时是否过大？

关于2：

保持设计响应，用静态图像替换 SVG 可视化的好方法是什么？

Answer 1

您认为使用固定/离散像素宽度更好还是应该让 SVG 块适应可用宽度？

缩放是矢量图形的主要优势，为什么不呢？

我是否需要一个窗口调整大小侦听器来动态更新布局，或者在使用媒体查询时是否过大？

不

保持设计响应，用静态图像替换 SVG 可视化的好方法是什么？

将JSON 数据源转换为 XML ，在服务器上使用 XSLT生成SVG ，然后将静态 SVG 发送到客户端