我遇到了不一致的SVG渲染问题，似乎是浏览器之间的基本文件。我需要找到一种方法来制作这个SVG跨浏览器，但似乎无法查明问题。如果渐变的停止颜色语句从CSS移动到style = style =“stop-color：#XXXXXX”，Firefox 23和Inkscape问题就会消失。遗憾的是，由于此文件的使用方式，这不是一个选项。此文件在W3C验证器上验证，并且似乎仅使用简单功能，但渲染不一致。有什么问题？
我暂时不允许发布图片，因此这里有一个显示问题的图片链接：
http://www.flickr.com/photos/95652985@N07/9754841655/lightbox/
SVG来源在这里：
https://dl.dropboxusercontent.com/u/11366066/fire.svg
感谢您帮助解决这个令人困惑的问题！
答案 0 :(得分：0)
我认为你的坐标为x1，y1等（例如
<linearGradient id="id1" gradientUnits="userSpaceOnUse" xlink:href="#id0"
x1="32093.5" y1="4749.35" x2="37189.8" y2="4749.35">
）
可能超出用户空间边界框，因此被Chrome封装，并在Firefox等中剪辑（我的Ubuntu SVG查看器也获得与Firefox相同的结果）。
一点哲学：SVG和HTML一样，在渲染时需要容忍，然后在'更简单'规范是extendend时实际上有不同的行为（实际上SVG是远远来自简单）
编辑：我的SVG查看器报告为维度：4252 x 2835 pixels 74,2 kB 34 %。即使我们乘以4252 * 3，我们也远低于x1，x2值......
