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動畫跨瀏覽器兼容性問題

回答

相關問題