svg viewbox 分辨率限制

Question

我想知道 svg 元素的 View 框是否有任何硬性限制。当我达到非常低的值(比如当 vb 宽度约为 .002 时)或非常大的值时，我看到奇怪的剪裁，firefox 开始在 200000000 宽度左右播放有趣。

是否有规则或规范可以让我找到当前限制？

在这里 fiddle :变暗= 0.00002; http://jsfiddle.net/7v36sLj8/13/

你会看到有趣的事情从那个昏暗开始发生，你可以减少 10 倍或增加 10 倍作为合适的。

感谢您的回答，我将只取最小公分母的最小值/最大值，目前似乎是 ffox。 (感谢您的回答，Rob 的回答也解释了为什么 ffox 在 linux/osx 上的阈值低得多)。

Answer 1

Firefox 最初使用名为 cairo 的图形库做跨平台图形渲染。 Cairo 只允许单位有 32 位的定点二进制精度，所以 Firefox 选择了二进制小数点前的 24 位和二进制分数的 8 位。因此最大坐标为 2^24，最小增量为 1/256。

Firefox 一直在用更直接的平台渲染取代 cairo，例如如果您有支持硬件加速的图形芯片并启用了硬件加速，Windows 上的 Direct2D 现在优先于 cairo 使用。平台库没有 cairo 范围限制，但似乎确实有自己的大坐标错误。