簡體 English 中英

動畫SVG時的IE9古怪行為

[英]IE9 Weird behaviour when animating SVG

原文 2013-11-28 17:38:37 5 1 javascript/ internet-explorer/ svg

我正在ff和chrome中使用strokeDashoffset和strokeDasharray方法對svg路徑進行動畫處理，它可以正常工作，並且僅在IE中看起來不錯，我得到了這種奇怪的效果。

我測試了內聯svg和getElementsByTagNameNS對象嵌入，無論我使用IE哪種方法都呈現相同的效果-它也適用於setInterval和Requestanimframe動畫-絕對沒有區別。

如果IE不重繪，請記住您可以使用forceRedraw函數手動強制重繪SVG。 我認為問題出在您使用的插件上，但是不幸的是我不確定。

您可以通過創建一個在動畫期間重繪SVG的間隔函數來解決此問題（希望該插件允許onStart / onEnd事件以設置和清除間隔為目標），但出於“它甚至可以工作的目的” ”，這是使用jQuery的小提琴： http : //jsfiddle.net/eithe/qseGX/

（我只需要jQuery用於document.ready事件和節點遍歷，就可以在代碼中安全地刪除它了）

[英]IE9 weird javascript issue

[英]SVG viewBox behaviour in IE

[英]Using javascript to change an embedded SVG in IE9

[英]Raphael.svg returns false in IE9

[英]JavaScript based SVG gradient manipulation on IE9

[英]SVG hover not working in IE9 or Chrome

[英]Map zooming out of svg in IE9

[英]Detect if “SVG Document” ActiveX is enabled in IE9

[英]Strange “getter” behaviour in IE9 when accessing property of `Number.prototype` from a number literal

[英]Animating SVG path with CSS in IE11

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 IE9奇怪的JavaScript問題 IE中的SVG viewBox行為使用javascript更改IE9中的嵌入式SVG Raphael.svg在IE9中返回false IE9上基於JavaScript的SVG漸變操作 SVG懸停在IE9或Chrome中不起作用在IE9中將地圖縮小到svg 檢測是否在IE9中啟用了“ SVG文檔” ActiveX 當從數字文字訪問`Number.prototype`的屬性時，IE9中的奇怪“getter”行為在IE11中使用CSS對SVG路徑進行動畫處理

相關標簽