如何在SVG中为外部图片添加文本替代?

3
我正在将外部图像添加到由d3生成的SVG图表中,并希望在无法访问外部图像时拥有替代文本(类似于img元素中的alt属性)。 但是,在查看MDN的SVG Image Element后,我没有找到类似的属性。 我能否添加替代文本到外部图像中?

等价的内容应该是<desc>子元素,但我认为如果图像未加载,许多UA不会显示它。你唯一真正的选择就是在JavaScript中编写一些代码。 - Robert Longson
1个回答

0

一种方法是在图像之前绘制文本,就像在这个fiddle中一样: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" /> 

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接