如何在SVG中为外部图像添加文本替代？

Question

我正在将外部图像添加到d3生成的SVG图表中，并且在外部图像不可访问时希望有替代文本（类似于img元素中的alt属性）。

但是经过MDN＆＃39; SVG Image Element后，我找不到类似的属性。有没有办法可以为外部图像添加替代文字？

Answer 1

这样做的一种方法是在图像之前绘制文本，就像在这个小提琴中一样：https://jsfiddle.net/2odwd3ra/1/

<text x="350" y="350" font-size="1em" text-anchor="middle" fill="#000000">Text remplacement</text>
<image xlink:href="unknown.jpg" x="250" y="250" height="200" width="200" />