在 Firefox 中转换 SVG 的原点 [英] Transform origin on SVGs in Firefox

问题描述

我是 SVG 动画的新手我遇到了一个似乎只发生在 Firefox 中的问题.我在这里创建了一个动画 - http://codepen.io/iamali/pen/txvpo - 天空场景.太阳应该旋转&淡入淡出出来.

I'm new to animating SVGs & I've come across a problem that only seems to happen in Firefox. I've created a animation here - http://codepen.io/iamali/pen/txvpo - of a sky scene. The sun should rotate & fade in & out.

它在 Chrome 中运行良好，但出于某种原因，它似乎忽略了 Firefox 中的 transform-origin 值，而太阳就消失了.有没有人知道 Firefox 中有这样的问题?或者它可能是其他任何东西?我试过谷歌各种术语，但似乎没有太多.

It works fine in Chrome, but for some reason it appears to ignore the transform-origin value in Firefox and the sun goes AWOL. Does anyone know of such an issue in Firefox? Or could it be anything else? I've tried Google all sorts of terms but there doesn't seem to be much out there on it.

谢谢！

推荐答案

transform-origin with percent unit works from Firefox 43 以上.

transform-origin with percentage units works from Firefox 43 onwards.

这篇关于在 Firefox 中转换 SVG 的原点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！