Question

我有一个SVG，它是一种包含12个字符的合影。 SVG还包含组照片中这些字符的位置。每个单个字符都有一个id。现在使用SVG＆＃39; <use>我想在页面的另一部分重用这些单个字符。

像这样：

注意头部显示在上图的左下角。如您所见，定位不起作用。我已尝试设置top，left，position: absolute，translate(0, 0) - 但未成功。

实际上它应该是这样的：

我已经设置了codepen，您可以在其中查看问题。有没有想过让这个工作？

Answer 1

添加此款式

.st-infobox__img svg use {
    transform:  translate(-300px, -100px);
}