css - 如何使用变换矩阵修改 svg 路径数据

Question

我有这条路:

<path 
  d="M 7883.4635415 13741.015625 L 8147.5260415 14725.0" 
  transform="matrix(0.03,0,0,-0.03,0,842)"
/>

是否有可能以某种方式移除转换并直接修改路径中的点 (d="M 7883.4635415 13741.015625 L 8147.5260415 14725.0")？我想沿路径为元素设置动画，但转换导致了一些偏移问题。

Answer 1

这篇文章有很好的信息:

https://css-tricks.com/svg-path-syntax-illustrated-guide/

您可以像这样在 css 中更改 path:

path
{
   d: path("M 7883.4635415 13741.015625 L 8147.5260415 14725.0")
}

移除变换:

Remove applied CSS transformation

transform: unset;