SVG动画跨浏览器兼容性问题

-1

我想知道是否有人可以帮我修复我的SVG动画，以便它可以跨浏览器使用。它似乎在Chrome和safari上运行良好，但是在通过Firefox加载时会被破坏。修复失败有没有办法在使用非webkit浏览器时显示建议使用chrome或safari的消息？我知道浏览器嗅探是皱眉，我正在看modernizr，但不知道在这种情况下检测到什么功能。SVG动画跨浏览器兼容性问题

http://codepen.io/morkett/pen/VjByYj

<code>

谁做这有一个消息，当您使用Firefox时显示的天才：

http://species-in-pieces.com/#

任何意见将不胜感激。

来源

2016-09-11 morkett

在Firefox上看起来还行，究竟是什么错误。请注意，尽量避免使用一些虚拟代码直接在问题中放置问题代码，只会让您的问题降至最低，因此我建议您直接在问题中添加[mcve]。 –

对不起，我是一个堆栈交换noob（代码是太长的一个职位（内联SVG），并认为它可以只看到codepen）。动画在所有浏览器中都能很好地显示出来（虚线偏移和填充等），但它看起来并不像在铬合金和Safari浏览器中一样。与其他人相比，缩放动画（看起来像是跳动）看起来非常不合适。我在Mac上使用firefox 48。 – morkett

如果代码太长，请将其缩小，即删除东西，直到您只显示显示问题的部分。我们并不是真的想在大海捞针中寻找帮助你的针。请注意，Chrome在转换源方面存在一个错误，因为它使用元素的尺寸而不是viewBox尺寸来计算原点，所以很可能是您的问题。 –

这很容易！您可以使用此代码来浏览浏览器是否为Firefox：

<script> 

    var isFirefox = typeof InstallTrigger !== 'undefined'; 

    if (isFirefox) { 
     alert('Go get chrome!'); 
    } 

</script>

来源

2016-09-12 01:06:29

SVG动画跨浏览器兼容性问题

回答

相关问题