我有一个SVG，但由于某种原因，它是颠倒的。这个SVG应用了一些样式，但它不应该翻转它。我在SVG上应用的样式：
" transform=scale(0.00800);
fill="#404952" ;
stroke="#fff" ;
stroke-width='20' ;
transform-origin: center;
transform-box: fill-box;
transition: linear;
transition-duration: 1000ms;
"我做了一个快速搜索，发现解决方案应该是简单的添加
"transform= rotate(0.5turn)"（或“度”单位）或在我的情况下，因为我已经使用变换-
transform= scale(0.00800) rotate(0.5turn)但不幸的是，它不仅对我不起作用，而且还取消了“规模”的效果。
我不知道为什么会发生这种情况，但是如果你有任何建议/解决方案，我会很乐意尝试一下。
编辑：对不起，我知道我输入样式的方式可能会令人困惑或错误。让我解释一下：我使用“样式化组件”来实现转换和变换（不包括比例），其他的 prop 我传递给jsx元素本身，所以它看起来像这样：<svg > <g fill="someColor"> ....</g></svg>，这就是为什么我的帖子的语法有点混乱。
2条答案
按热度按时间bqf10yzr1#
如果是css
qmelpv7a2#
如果在
<style>...</style>下，请尝试使用property: value而不是property = value所以你的转换CSS应该是这样的：
如果这是在一个inline SVG属性下，尝试在它周围添加一个引号，如下所示：