将背景SVG url更改为实际坐标

这是全部代码，我试图做的是删除背景SVG url，并用实际坐标替换它

我想，只要用坐标替换url，它看起来就会一样，但事实并非如此

我如何让使用坐标的那个看起来像使用url的那个？必须改变什么

24宽 29高度

就是这样

上面是24 x 29

这是23x28

-800-700 2452 3399

坐标

<svg viewBox="0 0 1226 1481" xmlns="http://www.w3.org/2000/svg"><path d="M0 1394V87C0 46.3 13.3 19.8 40 7.5 66.7-4.8 98.7.3 136 23l1034 634c37.3 22.7 56 50.3 56 83s-18.7 60.3-56 83L136 1458c-37.3 22.7-69.3 27.8-96 15.5-26.7-12.3-40-38.8-40-79.5z" fill="red"/></svg>

与代码的其余部分协调

<svg viewBox="0 0 1226 1481" style="
    width: 64px;
    height: 64px;
    left: 7px;
    top: 7px;
  background-color: rgba(0,0,0,.7);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 58% 50%;
    border-radius: 500px;
    border: 1px solid red;
    cursor: pointer;
">

<path d="M0 1394V87C0 46.3 13.3 19.8 40 7.5 66.7-4.8 98.7.3 136 23l1034 634c37.3 22.7 56 50.3 56 83s-18.7 60.3-56 83L136 1458c-37.3 22.7-69.3 27.8-96 15.5-26.7-12.3-40-38.8-40-79.5z" fill="red"/>
 </svg>

这就是我用坐标替换url时的样子

背景图像url:

这就是使用url时的样子

我试图让上面的svg看起来像这个

---

我给你两个非常简短且相对粗略的答案。您可以在图标周围调整viewBox=“…”或使用变换矩阵

为了达到完美的效果，您可以对这两种变体使用类似SVGO的东西。它为您提供了经过调优的SVG，其中包含已删除的转换，并相应地重新计算路径和其他元素处的坐标

这是23 x 28，-800-700 2452 3399/24x 29的完美像素尺寸。