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"）中的点？我想沿路径为元素设置动画，并且转换导致一些偏移问题。

标签： csssvg

Answer 1

这篇文章有很好的信息：

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

您可以像这样更改pathin css：

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

要删除变换：

删除应用的 CSS 转换

transform: unset;