跟随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);但是,当我尝试调整浏览器窗口的大小时,将不应用转换,并且行原点...
您可能想使用viewBox
定义SVG视口的位置和尺寸: