2017-06-24 10 views
-2

イムこれは私のコード私はこのsvg位置にイメージリンクを挿入することは可能ですか?

を行うことができますどのように

<svg width="100" height="100"> 
<circle cx="20" cy="20" r="20" fill="green" /> 
     <circle cx="70" cy="70" r="20" fill="purple" /> 
    <text x="20" y="20" font-family="sans-serif" font-size="20px"  
    fill="red">Hello!</text> 
<image  xlink:href="https://s-media-cache-ak0.pinimg.com/736x/76/47/9d/76479dd91dc55c2768ddccfc30a4fbf5--pikachu-halloween-costume-diy-halloween-costumes.jpg"  /> 
    </svg> 

あるテキスト

でSVG位置に画像リンクを挿入しようと

+0

なぜあなたは、米国AT叫んでいますか? –

+0

申し訳ありませんが、私はブログのmayusを有効にしました – alberto2

+0

リンクに画像を作成するか、画像とメイジとテキストをリンクにしたいですか?あなたがここで達成しようとしていることは本当に明確ではありません。 –

答えて

0

イメージ(<image>)私を助けでください。 SVGにはwidthheightが指定されている必要があります。幅と高さを指定しない場合は、デフォルトで0になります。画像が表示されません。

<svg width="100" height="100"> 
 
<circle cx="20" cy="20" r="20" fill="green" /> 
 
     <circle cx="70" cy="70" r="20" fill="purple" /> 
 
    <text x="20" y="20" font-family="sans-serif" font-size="20px"  
 
    fill="red">Hello!</text> 
 
    <image xlink:href="https://s-media-cache-ak0.pinimg.com/736x/76/47/9d/76479dd91dc55c2768ddccfc30a4fbf5--pikachu-halloween-costume-diy-halloween-costumes.jpg" 
 
     x="10" y="50" width="37" height="37"/> 
 
</svg>

関連する問題