Проблемы совместимости с браузером SVG

Question

У меня возникают проблемы с несогласованным SVG-представлением того, что, по-видимому, является основным файлом между браузерами. Мне нужно найти способ сделать этот SVG-кросс-браузер, но, похоже, не может точно определить проблему. Проблемы Firefox 23 и Inkscape исчезают, если инструкции стоп-цветов для градиентов перемещаются из CSS в style = style = "stop-color: #XXXXXX". К сожалению, это не вариант из-за того, как этот файл будет использоваться. Этот файл проверяется на валидаторе W3C и, кажется, использует только простые функции, но визуализация несовместима. Что не так?

Я не разрешается размещать изображения еще, так вот ссылка на изображение показывает проблему:

http://www.flickr.com/photos/95652985@N07/9754841655/lightbox/

SVG Источник находится здесь:

https://dl.dropboxusercontent.com/u/11366066/fire.svg

Спасибо за помогите с этой непонятной проблемой!

Answer 1

Я думаю, ваши координаты 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 ....