SVG元素未按预期显示

debugcn 发表于 Dev

tony09uk

我在inkscape中创建了多个SVG，并将生成的路径保存到我的数据库中。当我在上面显示它们时，似乎与它们的起始轴不一致

注意：

水平图片用于显示Y轴偏离多远
垂直图片显示X轴偏离多远
我剪裁垂直以节省空间
红色的css边框有助于显示起始位置的差异

最初，问题更加严重，因此要解决此问题，我将所有起始坐标都设置为m 10,10（这使我到达了现在的位置），并注意到我可以手动更改每个字母的起始XY坐标以将其放置在我希望的位置，但是我想尝试理解为什么在定义相同的起始位置时它们不一致？

我已经添加了preserveAspectRatio="xMinYMin meet"并且也尝试了saveAspectRatio的每个值，但是似乎没有任何作用。除此之外（在阅读了一些通用教程和SO文章之后），我还尝试添加其他名称空间，xmlns:xlink="http://www.w3.org/1999/xlink"但这没有任何作用。

我想在视口的中心显示所有字母，而无需手动更改每个svg的起始坐标，可以吗？如果答案是否定的，我该怎么做才能将它们显示为直线（水平/垂直）？

以下是我的Codepen的链接，其中显示了问题。字符“ a”，“ b”和“ q”被使用，因为我认为它们是很好的例子：（注：我试图将3个svg直接添加到问题中，但超出了允许的字符数）

https://codepen.io/tony-simpson/pen/jOqrabJ

仙客来

您需要将路径居中在svg画布的中间。例如，对于字母A，您可以执行以下操作：

//get the bounding box for the letter A
let bba = a.getBBox()
//translate the letter A in the middle od the svg canvas. The number 10 used representd half width or half height as in viewBox="0 0 20 20"
a.setAttribute("transform", `translate(${-bba.x -bba.width/2 + 10},${-bba.y - bba.height/2 +10})`)

svg{width:100px; outline:solid}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" preserveAspectRatio="xMinYMin meet">
    <path  id="a" d="m 10,10 q 0,0.0207 0,0.031 0.01033,0.0207 0.01033,0.0413 0,0.031 0.01034,0.0413 0,0.0103 0,0.0207 v 0.0103 q 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0.01033,-0.0103 0.02067,-0.0207 0.05168,-0.062 0.03101,-0.031 0.09302,0 0.06201,0.031 0.09302,0.0724 0.02067,0.0103 0.04134,0.031 0,-0.0103 0,-0.0207 v -0.0103 q 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.031 0,-0.0207 0,-0.0413 0,-0.0207 0,-0.0517 0,-0.0207 0,-0.0517 0,-0.0207 0,-0.062 0,-0.031 0,-0.062 0,-0.031 0,-0.0723 0,-0.031 0,-0.0724 0,-0.031 0,-0.0724 0,-0.0413 0,-0.093 0,-0.0517 -0.01034,-0.0827 -0.01033,-0.0413 -0.01033,-0.0827 0,-0.031 0,-0.0724 -0.01033,-0.0413 -0.02067,-0.0827 0,-0.0413 -0.01033,-0.093 -0.01033,-0.0413 -0.02067,-0.0827 0,-0.0413 -0.01034,-0.093 -0.01034,-0.0517 -0.02067,-0.093 -0.01034,-0.0413 -0.02067,-0.093 0,-0.0413 -0.01033,-0.093 -0.01034,-0.0517 -0.02067,-0.10335 -0.01033,-0.0413 -0.02067,-0.0827 0,-0.0517 -0.01034,-0.10335 0,-0.0517 -0.01033,-0.11369 0,-0.062 -0.02067,-0.12402 -0.01034,-0.062 -0.02067,-0.11369 -0.01033,-0.062 -0.02067,-0.11369 -0.01033,-0.0517 -0.01033,-0.11368 -0.01033,-0.062 -0.02067,-0.12403 -0.01034,-0.062 -0.02067,-0.13436 -0.01033,-0.062 -0.02067,-0.12402 -0.01034,-0.062 -0.01034,-0.12402 0,-0.062 0,-0.13436 -0.01033,-0.0724 -0.01033,-0.13436 -0.01033,-0.062 -0.01033,-0.13436 0,-0.0827 0,-0.15503 -0.01034,-0.0827 -0.02067,-0.1757 -0.01034,-0.0827 -0.02067,-0.16536 -0.01033,-0.0827 -0.01033,-0.1757 -0.01033,-0.093 -0.03101,-0.18604 -0.01033,-0.10335 -0.03101,-0.19637 -0.01034,-0.093 -0.03101,-0.18603 -0.01034,-0.093 -0.02067,-0.18604 -0.01034,-0.093 -0.02067,-0.18603 -0.01033,-0.093 -0.031,-0.18604 -0.01034,-0.093 -0.03101,-0.18603 -0.01034,-0.093 -0.02067,-0.18604 -0.02067,-0.10335 -0.03101,-0.18603 -0.01033,-0.0827 -0.02067,-0.1757 -0.01034,-0.0827 -0.02067,-0.16537 -0.02067,-0.0827 -0.04134,-0.16536 -0.01033,-0.0724 -0.03101,-0.1447 -0.01034,-0.0827 -0.04134,-0.14469 -0.02067,-0.0724 -0.04134,-0.13436 -0.02067,-0.062 -0.04134,-0.11369 -0.02067,-0.062 -0.04134,-0.12402 -0.02067,-0.0517 -0.05168,-0.11369 -0.02067,-0.062 -0.05168,-0.11369 -0.03101,-0.062 -0.06201,-0.11369 -0.03101,-0.0517 -0.05168,-0.10335 -0.03101,-0.0517 -0.05168,-0.093 -0.03101,-0.0517 -0.05168,-0.093 -0.02067,-0.0517 -0.05168,-0.093 -0.02067,-0.0413 -0.04134,-0.0827 -0.02067,-0.0413 -0.04134,-0.0724 -0.01033,-0.0413 -0.03101,-0.0724 -0.02067,-0.031 -0.04134,-0.062 -0.02067,-0.0413 -0.04134,-0.062 -0.01033,-0.0207 -0.03101,-0.0413 -0.01033,-0.0207 -0.03101,-0.0517 -0.02067,-0.031 -0.05168,-0.062 -0.03101,-0.0207 -0.05168,-0.0413 -0.02067,-0.0103 -0.04134,-0.0207 -0.02067,-0.0103 -0.05168,-0.0103 -0.03101,-0.0103 -0.06201,-0.0103 -0.03101,-0.0103 -0.04134,-0.0103 -0.01034,0 -0.02067,0 -0.01033,0 -0.03101,0.0103 -0.03101,0.0103 -0.04134,0.0103 0,0.0103 0.01033,0 0.01034,-0.0103 -0.01033,-0.0103 -0.03101,0 -0.07235,0.0103 -0.04134,0.0103 -0.06201,0.0207 -0.01033,0.0103 -0.03101,0.0103 -0.02067,0.0103 -0.05168,0.0103 -0.02067,0.0103 -0.04134,0.0207 -0.03101,0.0103 -0.06201,0.0207 -0.04134,0.0103 -0.06201,0.0207 -0.02067,0 -0.04134,0.0103 -0.02067,0.0103 -0.031,0.0207 -0.02067,0.0103 -0.03101,0.0103 -0.02067,0 -0.03101,0.0103 -0.02067,0.0103 -0.05168,0.0207 -0.02067,0.0103 -0.04134,0.0103 -0.01033,0.0103 -0.03101,0.0207 -0.01033,0.0103 -0.04134,0.0207 -0.03101,0.0207 -0.04134,0.0413 -0.02067,0.0103 -0.03101,0.0207 -0.01033,0 -0.03101,0.0207 -0.02067,0.0103 -0.04134,0.031 -0.01033,0.0103 -0.04134,0.031 -0.02067,0.0103 -0.05168,0.0413 -0.02067,0.0207 -0.04134,0.0413 -0.01034,0.0207 -0.03101,0.031 -0.01034,0.0103 -0.03101,0.031 -0.02067,0.031 -0.03101,0.0413 -0.01033,0.0207 -0.02067,0.031 -0.01033,0 -0.03101,0.0413 -0.02067,0.0414 -0.02067,0.062 0,0.0207 -0.01033,0.031 -0.02067,0.0207 -0.02067,0.031 0,0.0103 0,0.0207 -0.01033,0 -0.01033,0.0103 0,0.0103 0,0.0207 -0.01033,0.0103 -0.01033,0.031 0,0.0207 0,0.0103 0,-0.0103 -0.01034,-0.0103 0,0 -0.02067,0.031 -0.01034,0.0413 -0.02067,0.062 0,0.0103 -0.02067,0.0413 -0.02067,0.0207 -0.02067,0.0517 -0.01033,0.0207 -0.02067,0.0413 -0.02067,0.031 -0.03101,0.062 -0.01034,0.0413 -0.02067,0.0723 -0.01034,0.0207 -0.02067,0.0517 -0.01033,0.031 -0.01033,0.062 -0.01033,0.0207 -0.03101,0.062 -0.02067,0.031 -0.03101,0.0724 -0.02067,0.0413 -0.03101,0.0724 -0.01034,0.0207 -0.03101,0.062 -0.02067,0.0413 -0.04134,0.0827 -0.01034,0.0413 -0.02067,0.0724 -0.01033,0.031 -0.03101,0.062 -0.02067,0.031 -0.03101,0.062 -0.02067,0.0413 -0.03101,0.0724 -0.02067,0.0413 -0.031,0.0724 -0.02067,0.031 -0.03101,0.062 -0.01034,0.0413 -0.02067,0.062 -0.01033,0.0207 -0.03101,0.0517 -0.02067,0.031 -0.04134,0.062 -0.02067,0.031 -0.04134,0.062 -0.02067,0.031 -0.04134,0.0724 -0.02067,0.0517 -0.04134,0.0827 -0.02067,0.0413 -0.04134,0.093 -0.03101,0.0413 -0.04134,0.0723 -0.01033,0.0414 -0.031,0.0724 -0.02067,0.0207 -0.04134,0.062 -0.02067,0.031 -0.03101,0.062 -0.01034,0.031 -0.04134,0.062 -0.02067,0.0413 -0.031,0.0827 -0.02067,0.0517 -0.03101,0.0724 -0.01034,0.031 -0.02067,0.062 -0.01033,0.031 -0.02067,0.062 -0.01034,0.0413 -0.02067,0.0724 -0.01033,0.031 -0.02067,0.062 -0.02067,0.031 -0.031,0.0724 -0.02067,0.0413 -0.04134,0.093 -0.03101,0.0413 -0.05168,0.093 -0.02067,0.0517 -0.04134,0.10335 -0.01033,0.0413 -0.03101,0.0827 -0.01033,0.0413 -0.03101,0.093 -0.03101,0.0413 -0.04134,0.093 -0.01033,0.0413 -0.02067,0.0724 -0.01033,0.0413 -0.031,0.0827 -0.02067,0.0413 -0.04134,0.0724 -0.01033,0.031 -0.03101,0.0827 -0.03101,0.0413 -0.04134,0.0724 -0.01033,0.0413 -0.031,0.0827 -0.01034,0.0413 -0.02067,0.0827 -0.02067,0.0413 -0.02067,0.0724 -0.01033,0.031 -0.02067,0.0517 -0.01034,0.031 -0.03101,0.062 -0.01033,0.0413 -0.02067,0.0723 0,0.0207 -0.01034,0.0413 -0.01033,0.0103 -0.03101,0.0517 -0.02067,0.0413 -0.03101,0.0827 -0.01033,0.031 -0.02067,0.0517 0,0.0103 -0.02067,0.0413 -0.01033,0.031 -0.02067,0.062 -0.01034,0.031 -0.03101,0.0517 -0.02067,0.0207 -0.03101,0.062 -0.02067,0.031 -0.04134,0.0724 -0.02067,0.0413 -0.03101,0.0723 -0.01033,0.031 -0.02067,0.062 -0.02067,0.0207 -0.03101,0.062 -0.02067,0.031 -0.031,0.062 -0.01034,0.0207 -0.03101,0.0517 -0.01034,0.031 -0.02067,0.062 -0.01033,0.031 -0.03101,0.062 -0.01033,0.031 -0.02067,0.0724 0,0.0413 0,0.0517 0,0.0207 -0.01034,0.031 -0.01033,0.0207 -0.02067,0.0517 0,0.031 0,0.0413 -0.01033,0.0103 -0.02067,0.031 0,0.0207 -0.01033,0.0413 -0.01033,0.0207 -0.02067,0.0413 -0.02067,0.0207 -0.02067,0.0414 -0.01033,0.0207 -0.01033,0.031 0,0.0103 -0.01034,0.0207 -0.01033,0.0207 -0.02067,0.0517 -0.02067,0.0413 -0.01034,0.0517 0,0.0207 -0.01033,0.0103 v 0.0103 q 0,0.0103 -0.01033,0.0207 -0.01033,0.0103 -0.02067,0.0517 -0.02067,0.031 -0.02067,0.0413 0,0.0103 -0.01034,0.031 0,0.0103 -0.02067,0.031 -0.01033,0.0207 -0.02067,0.0517 -0.01033,0.031 -0.02067,0.0517 -0.01034,0.031 -0.02067,0.0517 -0.01033,0.0207 -0.02067,0.031 -0.01034,0.0207 -0.02067,0.062 -0.02067,0.0413 -0.01033,0.0517 0,0.0207 -0.01034,0.031 -0.01033,0.0207 -0.02067,0.062 -0.01034,0.0413 0,0.0413 0,0.0103 -0.01034,0.031 0,0.0207 0,0.031 0,0.0103 -0.01034,0.031 0,0.0207 0,0.0517 -0.01033,0.031 0,0.0207 l -0.01033,0.0103 q 0,0.0103 0,0.0413 -0.01033,0.031 -0.01033,0.0413 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0.01033,0 0.01033,-0.0207 0,-0.0103 -0.01033,0.0103 -0.02067,0.0517 -0.01033,0.0413 -0.01033,0.0517 0,0.0103 0,0.0207 0,0.0207 0,0.031 0,0.0103 0,0.0207 0,0.0103 0,0.0103 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0207 v 0.0103 q 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0103 0,0.0103 0,0.0207 v 0.0103 q 0,0.0103 0,0.0207 0.02067,0.031 0.04134,0.0517 0.04134,0.0413 0.08268,0.0827 0.05168,0.0413 0.01033,0 -0.03101,-0.0413 -0.07235,-0.0724 -0.04134,-0.0413 0.04134,-0.031 0.08268,0 0.113688,0.0413 0.04134,0.031 0.05168,0.031 0.02067,-0.0207 0.04134,-0.0413 0.04134,-0.0413 0.04134,-0.0517 -0.02067,-0.0207 -0.04134,-0.0414 -0.02067,-0.0207 -0.04134,-0.0517 -0.01034,0 0.031,0.0413 0.04134,0.031 0,0.0724 -0.04134,0.031 -0.07235,0.0723 -0.03101,0.0413 -0.06201,0.0207 -0.03101,-0.0207 0,-0.0207 0.03101,0 0.07235,0.0207 0.03101,0.0103 0.02067,0.0207 -0.02067,0.0103 0.01034,0 0.02067,-0.0103 0.031,-0.0103 0,-0.0103 -0.01033,0 -0.01033,0.0103 -0.04134,-0.031 -0.04134,-0.0413 -0.06201,-0.0413 -0.02067,0 -0.02067,0.0103 h 0.01033 q 0,0.0103 0.08268,0.0103 0.08268,0.0103 0.06201,-0.031 -0.01033,-0.031 -0.07235,0 -0.06201,0.0413 -0.04134,0.0723 0.02067,0.031 0.05168,0.0517 0.04134,0.0103 0.08268,0.0103 0.04134,-0.0103 0.07235,-0.031 0.031,-0.031 0.05168,-0.062 0.01033,-0.0413 0.01033,-0.0827 -0.01033,-0.0414 -0.03101,-0.0724 -0.031,-0.031 -0.02067,0 0.01033,0.0207 -0.05168,0.0517 -0.06201,0.031 -0.08268,0 -0.01033,-0.031 0.06201,-0.031 0.07235,0 0.07235,-0.0103 v -0.0103 q -0.01033,0 -0.03101,-0.0207 -0.02067,-0.0103 -0.07235,-0.0517 -0.04134,-0.0413 -0.07235,-0.031 -0.02067,0.0103 -0.04134,0.0103 -0.01033,0.0103 0.01034,0 0.02067,-0.0103 -0.01034,0 -0.03101,0.0103 0,0.031 0.02067,0.0207 0.04134,0 0.02067,-0.0103 -0.02067,-0.031 -0.03101,-0.0207 -0.08268,0.0207 -0.04134,0.0413 -0.08268,0.0827 -0.04134,0.0413 0,0.093 0.02067,0.0207 0.04134,0.0413 0.01033,0 -0.03101,-0.0413 -0.02067,-0.0103 -0.04134,-0.031 0,0.0103 0.04134,-0.031 0.04134,-0.031 0.03101,-0.031 0.02067,0.0207 0.04134,0.0413 0.04134,0.0413 0.113688,0.0413 0.08268,-0.0103 0.04134,-0.0517 -0.04134,-0.0413 -0.08268,-0.0827 -0.04134,-0.0413 -0.01034,0 0.03101,0.0413 0.07235,0.0723 0.02067,0.0207 0.04134,0.031 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,0 0,-0.0103 v -0.0103 q 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,0 0,-0.0103 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 v -0.0103 q 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.031 0,-0.0103 0,-0.0207 0,-0.0103 -0.01033,0 -0.01034,0.0207 0,0.0103 0.01033,-0.0207 0.02067,-0.0517 0.01034,-0.0413 0.01034,-0.0517 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 -0.01034,0 0,0 0.01034,-0.0207 0,-0.0103 0.01033,-0.031 0,-0.031 0,-0.0413 0,-0.0103 0,-0.0207 0.01034,-0.0207 0.01034,-0.031 0,-0.0207 0,-0.0414 0.01033,-0.0207 0.01033,-0.0517 0,-0.0207 -0.01033,-0.0207 0.01033,0 0.01033,-0.0103 0.01034,-0.0207 0.01034,-0.0413 0,-0.0207 0.01033,-0.0207 0,-0.0103 0.01033,-0.031 0.02067,-0.0207 0.03101,-0.0413 0.01033,-0.031 0.02067,-0.062 0.01034,-0.0207 0.02067,-0.0413 0.01034,-0.031 0.02067,-0.0413 0.01033,-0.0207 0.02067,-0.0517 0.01034,-0.0207 0.02067,-0.0517 0,-0.0207 0.01033,-0.031 -0.01033,-0.0103 0,-0.0207 0.01034,0 0.02067,-0.031 0.02067,-0.031 0.02067,-0.0517 0.01034,-0.0207 0.01034,-0.0413 0,-0.0207 0,-0.0103 l 0.01034,-0.0103 q 0.01033,-0.0207 0.02067,-0.0414 0.01033,-0.031 0.01033,-0.0413 0,-0.0103 0.01033,-0.0207 0.01033,-0.0207 0.02067,-0.0413 0.02067,-0.031 0.03101,-0.062 0.01034,-0.031 0.02067,-0.0517 0,-0.031 0.01033,-0.0517 0,-0.0207 0.01034,-0.0517 0.01033,-0.031 0.02067,-0.062 0,-0.031 0,-0.0413 0,-0.0103 0.01034,-0.031 0.01033,-0.0207 0.02067,-0.0413 0.01034,-0.0207 0.02067,-0.0517 0.02067,-0.031 0.03101,-0.062 0.01034,-0.031 0.02067,-0.0517 0.02067,-0.031 0.04134,-0.0724 0.01034,-0.031 0.02067,-0.0724 0.01033,-0.031 0.03101,-0.062 0.01033,-0.0207 0.02067,-0.0413 0.01034,-0.031 0.04134,-0.062 0.02067,-0.0413 0.031,-0.0724 0.01034,-0.0413 0.03101,-0.062 0.01034,-0.031 0.03101,-0.0724 0.01033,-0.0413 0.02067,-0.062 0,-0.031 0.01033,-0.0413 0.01034,-0.0207 0.03101,-0.062 0.02067,-0.031 0.03101,-0.062 0,-0.031 0.02067,-0.062 0.01034,-0.0207 0.02067,-0.062 0.02067,-0.0413 0.03101,-0.0723 0.01033,-0.031 0.02067,-0.0724 0.01034,-0.0413 0.02067,-0.0724 0.02067,-0.0413 0.02067,-0.062 0.01034,-0.031 0.03101,-0.0724 0.02067,-0.031 0.04134,-0.0723 0.01034,-0.031 0.03101,-0.0827 0.03101,-0.0413 0.04134,-0.093 0.02067,-0.0414 0.03101,-0.0827 0.01034,-0.0413 0.03101,-0.0827 0.02067,-0.0413 0.04134,-0.093 0.01034,-0.0413 0.03101,-0.0827 0.01033,-0.0413 0.03101,-0.0827 0.02067,-0.0413 0.05168,-0.093 0.02067,-0.0517 0.04134,-0.10335 0.02067,-0.0413 0.031,-0.0827 0.02067,-0.0413 0.03101,-0.0724 0.01034,-0.0413 0.02067,-0.0724 0.01033,-0.031 0.02067,-0.062 0.01034,-0.031 0.02067,-0.062 0.01033,-0.031 0.02067,-0.0517 0,-0.031 0.02067,-0.0517 0.02067,-0.031 0.04134,-0.062 0.02067,-0.0413 0.03101,-0.0723 0.01033,-0.0207 0.03101,-0.062 0.03101,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.04134,-0.0827 0.02067,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.04134,-0.0827 0.02067,-0.031 0.04134,-0.062 0.02067,-0.031 0.03101,-0.0724 0.02067,-0.031 0.04134,-0.062 0.02067,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.03101,-0.0724 0.01033,-0.031 0.03101,-0.062 0.01033,-0.0207 0.031,-0.062 0.01034,-0.0413 0.03101,-0.0724 0.01034,-0.031 0.03101,-0.062 0.01034,-0.031 0.03101,-0.0827 0.02067,-0.0413 0.03101,-0.0724 0,-0.031 0.02067,-0.062 0.02067,-0.031 0.04134,-0.0724 0.02067,-0.0413 0.031,-0.0827 0.01034,-0.031 0.03101,-0.062 0.02067,-0.031 0.03101,-0.0724 0.01033,-0.0413 0.02067,-0.0724 0.01033,-0.031 0.03101,-0.0723 0.01033,-0.031 0.01033,-0.0517 0,-0.0207 0.01033,-0.0413 0.02067,-0.0207 0.02067,-0.0517 0.01033,-0.0207 0.03101,-0.0413 0.01034,-0.0207 0.02067,-0.0413 0,-0.0103 0,-0.0207 0.01033,-0.0103 0.02067,-0.0207 0.01033,-0.0207 0.03101,-0.062 0.01033,-0.0413 0.01033,-0.0517 -0.01033,0 0,-0.0103 0,-0.0103 0,-0.0103 0,-0.0103 0.01033,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0.02067,-0.0207 0.01033,-0.0207 0,-0.031 0,-0.0103 0,0 0,0.0207 0.01033,0 0.02067,-0.0103 0.03101,-0.031 0,-0.0103 0.02067,-0.0207 0.01034,-0.0103 0.02067,-0.031 0.02067,-0.0207 0.04134,-0.0413 0.01033,-0.0207 0.02067,-0.0207 0,-0.0103 0.02067,-0.0207 0.01034,0 0.04134,-0.0207 0.02067,-0.0207 0.05168,-0.0413 0.02067,-0.0103 0.04134,-0.031 0.02067,-0.0103 0.02067,-0.0207 l 0.01033,-0.0103 q 0.01033,-0.0103 0.02067,-0.0103 0.02067,0 0.03101,-0.0103 0.01034,-0.0103 0.02067,-0.0103 0.01033,-0.0103 0.02067,-0.0103 0.01034,0 0.04134,-0.0103 0.03101,-0.0103 0.05168,-0.0207 0.01033,-0.0103 0.03101,-0.0207 0.02067,-0.0103 0.03101,-0.0103 0.02067,-0.0103 0.04134,-0.0103 0.03101,-0.0103 0.06201,-0.0207 0.03101,-0.0103 0.04134,-0.0103 0.02067,-0.0103 0.04134,-0.0103 0.02067,-0.0103 0.04134,-0.0207 0.03101,-0.0103 0.04134,-0.0103 0.01033,-0.0103 0.02067,0 0.02067,-0.0103 0.04134,-0.0103 0.01033,0 0.03101,-0.0103 0.01033,-0.0103 -0.01034,0 -0.02067,0.0103 -0.01033,0.0103 0.01033,0 0.02067,0 0.01033,0 0.02067,0 0,-0.0103 -0.01033,-0.0103 -0.01033,0 0.01033,0.0103 0.01034,0.0103 0.02067,0.0103 h 0.01034 q 0,0.0103 0,0.0207 0,0 0.02067,0.0207 0.01033,0.031 0.03101,0.0517 0.01033,0.0207 0.031,0.0517 0.02067,0.031 0.03101,0.0517 0.02067,0.031 0.03101,0.062 0.02067,0.0207 0.04134,0.0724 0.02067,0.0413 0.05168,0.093 0.02067,0.0413 0.04134,0.0827 0.02067,0.0413 0.05168,0.093 0.02067,0.0517 0.05168,0.10335 0.03101,0.0517 0.06201,0.10335 0.031,0.0517 0.05168,0.093 0.02067,0.0517 0.04134,0.10335 0.02067,0.0517 0.04134,0.10336 0.02067,0.0517 0.04134,0.11368 0.02067,0.062 0.04134,0.11369 0.02067,0.062 0.04134,0.12403 0.02067,0.0517 0.04134,0.12402 0.01033,0.0724 0.03101,0.14469 0.01033,0.0724 0.03101,0.1447 0.01033,0.0827 0.02067,0.16536 0.01033,0.0724 0.02067,0.16537 0.01033,0.093 0.03101,0.18603 0.01034,0.093 0.02067,0.18604 0.01033,0.093 0.03101,0.18603 0.01034,0.093 0.02067,0.18604 0.01033,0.093 0.02067,0.18603 0.01033,0.10335 0.03101,0.19637 0.02067,0.093 0.03101,0.18604 0.02067,0.093 0.03101,0.18603 0.02067,0.093 0.02067,0.18604 0.01034,0.0827 0.02067,0.1757 0.01033,0.0827 0.02067,0.16536 0.01034,0.0827 0.01034,0.15503 0.01033,0.062 0.01033,0.1447 0,0.0723 0,0.14469 0.01033,0.0724 0.01033,0.13436 0.01034,0.062 0.01034,0.13436 0,0.062 0.01033,0.13436 0.01034,0.0827 0.02067,0.14469 0.01034,0.0724 0.02067,0.12402 0.01033,0.062 0.02067,0.12403 0,0.062 0.01033,0.12402 0.01033,0.062 0.02067,0.11369 0.01034,0.062 0.02067,0.11369 0.01033,0.0517 0.02067,0.10335 0,0.062 0.01033,0.11369 0,0.0517 0.01033,0.10335 0,0.062 0.01034,0.11369 0.02067,0.0517 0.03101,0.10335 0.01034,0.0413 0.01034,0.093 0.01033,0.0413 0.02067,0.093 0.01033,0.0517 0.02067,0.093 0.01034,0.0414 0.01034,0.0827 0.01033,0.0517 0.02067,0.093 0.01033,0.0413 0.01033,0.0827 0.01033,0.031 0.01033,0.062 0.01034,0.031 0.01034,0.0723 0,0.0517 0.01034,0.093 0.01033,0.031 0.01033,0.062 0,0.031 0,0.0724 0,0.0413 0,0.0724 0,0.0413 0,0.0724 0,0.0413 0,0.0723 0,0.031 0,0.062 0,0.0413 0,0.062 0,0.031 0,0.0517 0,0.031 0,0.0517 0,0.0207 0,0.0413 0,0.0207 0,0.031 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0103 0,0.0103 0,0.0207 0.01033,0.0207 0.03101,0.0413 0.04134,0.0413 0.113688,0.0724 0.07235,0.0413 0.113688,-0.0103 0.04134,-0.0413 0.06201,-0.0827 0.01034,-0.0413 0.01034,-0.0517 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0414 0,-0.0207 -0.01034,-0.0413 0,-0.0103 0,-0.031 0,-0.0103 -0.01033,-0.0517 0,-0.031 -0.01034,-0.0517 0,-0.0207 -0.02067,-0.062 -0.02067,-0.031 -0.05168,-0.0517 -0.03101,-0.031 -0.07235,-0.031 -0.04134,0 -0.08268,0.0207 -0.03101,0.0207 -0.06201,0.0517 z m 0.981852,-3.58634 q 0.04134,-0.031 0.07235,-0.0724 0.03101,-0.0413 0.02067,-0.0413 -0.02067,0 -0.04134,0.0103 -0.02067,0 -0.02067,0.0103 -0.01033,0 -0.02067,0 -0.01033,-0.0103 -0.03101,-0.0103 -0.03101,0.0103 -0.07235,0.0103 -0.03101,0 -0.08268,0.0103 -0.04134,0.0103 -0.08268,0.0207 -0.05168,0 -0.113688,0.0103 -0.05168,0.0103 -0.113688,0.0207 -0.06201,0.0103 -0.144694,0.0207 -0.07235,0.0103 -0.165365,0.0207 -0.09302,0.0103 -0.186035,0.0207 -0.09302,0.0103 -0.186035,0.031 -0.103353,0.0103 -0.206706,0.0207 -0.09302,0.0207 -0.206706,0.031 -0.113688,0 -0.227376,0.0103 -0.113688,0.0207 -0.217041,0.031 -0.113688,0.0103 -0.227376,0.0207 -0.113688,0.0103 -0.227377,0.0207 -0.124023,0.0207 -0.248046,0.031 -0.113689,0.0103 -0.237712,0.0207 -0.113688,0.0103 -0.237712,0.0207 -0.124023,0.0103 -0.237711,0.0103 -0.113688,0.0103 -0.227376,0.0207 -0.113689,0.0103 -0.227377,0.0103 -0.103353,0 -0.206705,0 -0.09302,0 -0.1757,-0.0103 -0.08268,0 -0.165365,0 -0.07235,0 -0.134359,0 -0.06201,-0.0103 -0.134358,-0.0103 -0.07235,-0.0103 -0.124024,-0.0103 -0.06201,0 -0.113688,0 -0.05168,0 -0.103353,0 -0.04134,0 -0.103353,0.0103 -0.05168,0 -0.103352,0 -0.04134,0.0103 -0.08268,0.0103 -0.04134,0.0103 -0.06201,0.0103 -0.03101,0.0103 -0.06201,0.0103 -0.04134,0 -0.07235,0 -0.04134,0.0103 -0.07235,0.0207 -0.02067,0 -0.04134,0.0103 -0.02067,0 -0.04134,0.0103 -0.03101,0.0103 -0.03101,0.0207 0.01034,0 0,0 0,-0.0103 -0.03101,0.0103 -0.03101,0.0103 -0.06201,0.031 -0.02067,0.0103 -0.04134,0.0517 -0.02067,0.0413 -0.03101,0.0724 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0,0.0207 0,0.0103 0.01033,0.0517 0.01034,0.0413 0.03101,0.0723 0.03101,0.031 0.07235,0.0413 0.04134,0.0103 0.08268,0 0.04134,-0.0103 0.06201,-0.0413 0.03101,-0.031 0.04134,-0.0723 0.01034,-0.0413 0.01034,-0.0517 0,-0.0103 0,-0.0207 0,-0.0103 0,-0.0207 0,0.0103 0,0.0207 -0.01034,0.0207 -0.02067,0.0413 -0.01033,0.0207 -0.02067,0.031 -0.02067,0.0103 -0.03101,0.0207 -0.01034,0 0.01033,0 0.02067,-0.0103 0.04134,-0.0207 0.01033,0 0.02067,-0.0103 -0.01034,0.0103 0.01034,0 0.02067,0 0.04134,-0.0103 0.02067,-0.0103 0.03101,-0.0103 0.02067,0 0.05168,0 0.03101,0 0.06201,0 0.04134,-0.0103 0.08268,-0.0103 0.04134,-0.0103 0.08268,-0.0103 0.04134,-0.0103 0.08268,-0.0103 0.04134,0 0.08268,0 0.05168,0 0.103353,0 0.05168,0 0.103353,0 0.05168,0 0.113688,0 0.07235,0.0103 0.134359,0.0103 0.07235,0.0103 0.144694,0.0103 0.08268,0 0.165364,0 0.09302,0 0.186036,0 0.103352,0 0.217041,0 0.113688,0 0.227376,0 0.124023,-0.0103 0.237711,-0.0207 0.113689,-0.0103 0.237712,-0.0207 0.124023,0 0.248047,-0.0103 0.124023,-0.0207 0.237711,-0.031 0.124024,-0.0103 0.248047,-0.0207 0.113688,-0.0103 0.227377,-0.0207 0.113688,-0.0207 0.227376,-0.031 0.113688,-0.0103 0.217041,-0.0207 0.113688,-0.0103 0.227376,-0.0207 0.113688,-0.0103 0.217041,-0.0207 0.103353,-0.0207 0.206706,-0.031 0.09302,-0.0103 0.186035,-0.0207 0.09302,-0.0207 0.1757,-0.031 0.09302,-0.0103 0.1757,-0.0207 0.08268,0 0.144694,-0.0207 0.07235,-0.0103 0.124023,-0.0207 0.06201,0 0.103353,-0.0103 0.05168,-0.0103 0.09302,-0.0207 0.04134,0 0.07235,-0.0103 0.02067,0 0.04134,0 0.01033,0 0.04134,0 0.03101,0 0.06201,-0.0103 0.03101,0 0.03101,-0.0103 h -0.01034 q -0.01033,0 0.04134,-0.031 0.04134,-0.0413 0.08268,-0.093 0.04134,-0.0413 0.03101,-0.0827 -0.01034,-0.0413 -0.04134,-0.0724 -0.031,-0.031 -0.07235,-0.0413 -0.04134,-0.0103 -0.07235,0 -0.04134,0.0103 -0.07235,0.0413 z"></path>
    </svg>

将此扩展到您可以做的所有路径

let paths = document.querySelectorAll("svg path")
paths.forEach(p=>{
  let bb = p.getBBox()
p.setAttribute("transform", `translate(${-bb.x -bb.width/2 + 10},${-bb.y - bb.height/2 +10})`)
})

在我的代码中，我已将svg宽度更改为100，因为我想查看路径。您可以将其更改回所需的内容。您也可以删除边框。为了了解会发生什么，请考虑为您的svg元素添加边框或轮廓。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-04-5

我来说两句

0条评论

登录后参与评论

来自分类Dev

Related 相关文章

文章

SVG元素未按预期显示

SVG元素未按预期显示

元素未按预期布局

输出未按预期显示

表单未按预期显示

html css div元素未按预期显示-按照教程

筛选器未按预期显示

RecyclerView项目未按预期显示

StreamBuilder未按预期显示数据

Android布局未按预期显示

SQL查询未按预期显示

角变量未按预期显示

类属性未按预期显示

角度输出未按预期显示

Android - 布局未按预期显示

跨度元素未按预期顺序排列

WiX MajorUpdate元素未按预期工作

Google同意屏幕未按预期显示

Jade模板未按预期显示页面

文本框未按预期显示文本

平面清单未按预期显示项目

大角度摆线图未按预期显示

JSON中的数据对象未按预期显示

Twitter Bootstrap导航栏未按预期显示

响应式导航未按预期显示

C数组，向右移动元素未按预期工作

Aurelia中的嵌套自定义元素未按预期呈现

具有v-if的元素未按预期更新

HTML z-index 未按预期工作 - 元素位置问题？

查找下一个元素未按预期工作

包含视频元素时，flex 属性未按预期工作