SVGからのSVG画像の配置方法<use>

-1

12文字のグループ写真の一種であるSVGを持っています。 SVGには、これらの文字のグループ写真への配置も含まれています。各1文字はidです。 SVGの<use>を使用して、これらの1文字をページの別の部分に再利用したいと思います。SVGからのSVG画像の配置方法<use>

ヘッドは、上部画像の左下に表示注意：このように

。あなたが見ることができるように、ポジショニングは機能していません。私はすでにtop、left、position: absolute、translate(0, 0)を設定しようとしましたが、成功しませんでした。私はあなたが問題を見ることができるcodepenを設定した

：

実際には次のようになります。このアイデアを得るにはどんなアイディアですか？

2017-07-21 nachtigall

このスタイルを追加します。 –

ええと、まあ、私は同意します。 OTOHの問題は、大きなSVGがその中に位置するために、ほとんど目に見えます。だから私は、DevToolのインスペクタを見て確認することができると思った。 – nachtigall

は、我々は、リンクでページ全体のフルレンダリング好ましくスタックスニペットに... **最小限**例をする必要はありません

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

2017-07-21 20:22:15 vals

Thx、それを調べるためにも、与えられたコードは本当に完璧でも最小限でもありませんでした！ – nachtigall

答えて