Chrome版本57打破了我的SVG轉換

Question

要更新SVG組元素（直線，圓等）的位置我使用這樣的電話：

$('#g-srcDocView_container').attr('transform', 'translate(0,0) scale(0.301)'); 

我創建了一個小提琴在https://jsfiddle.net/tcnjay11/

該行應該在黃色區域，但是當我的javascript調用運行時略微修改轉換（縮放或轉換無關緊要）時，位置會跳到樹叢中。

它適用於IE，Firefox，Safari和Chrome < = 56。 它在Chrome的穩定版，測試版或開發版中不起作用。

有什麼想法嗎？

Answer 1

在Chrome 57+中，transform-origin現在是一個有效的表示屬性。以前它沒有效果，但現在它確實。在Firefox中，它仍然被忽略，除非它被設置爲CSS。

快速修復是從該元素中刪除transform-origin屬性。

https://bugs.chromium.org/p/chromium/issues/detail?id=709821