d3.js 如何在SVG中为外部图像添加文本替代?

ifmq2ha2  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(156)

我正在向d3生成的SVG图表添加外部图像,并且希望在外部图像不可访问时使用替代文本(类似于img元素中的alt属性)。
但是在检查了MDN的SVG Image Element之后,我没有找到类似的属性。有没有办法可以在外部图像中添加替代文本?

jfgube3f

jfgube3f1#

一种方法是在图像之前绘制文本,就像下面的小提琴: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" />

相关问题