爲SVG <image>創建標題

Question

我試圖爲一個img SVG添加一個標題。 標題在圖片的底部。 的代碼是這樣：

<svg> 
    <image> 
</svg> 

如何實現這不使用內？ 而且我也想基於D3.js，如果可能的話。

謝謝。

Answer 1

在SVG元素中，不使用title屬性。您必須使用一個<title>元素，該元素放入其應用的元素中。

<svg> 
 
    <image xlink:href="http://lorempixel.com/300/150/" width="300" height="150"> 
 
     <title>foobar</title> 
 
    </image> 
 
</svg>