不会在调整窗口大小时再次触发转换

问题描述 投票:0回答:1

跟随How to make svg RTL我使用以下方法制作了svg RTL:

transform: translate(100%, 0) scale(-1, 1);  

但是当我尝试调整浏览器窗口的大小时,transform未应用,并且行原点发生了变化!Here is an example showing this issue复制:1-更改窗口大小(也许将其增大),可以看到行原点不在0 0上2-在该行上使用inspect元素,取消选中然后检查css类中的“ transform”,该元素将返回到其预期位置

通过执行我所描述的操作,很明显该转换未应用于调整大小。

关于如何制作svg RTL,我使用以下方法制作了svg RTL:transform:translate(100%,0)scale(-1,1);但是,当我尝试调整浏览器窗口的大小时,将不应用转换,并且行原点...

css reactjs svg
1个回答
1
投票

您可能想使用viewBox定义SVG视口的位置和尺寸:

© www.soinside.com 2019 - 2024. All rights reserved.