如何在SVG中爲外部圖像添加文本替代？

我將外部圖像添加到d3生成的SVG圖表，並希望在外部圖像不可訪問時具有替代文本（類似於img元素中的alt屬性）。如何在SVG中爲外部圖像添加文本替代？

但經過MDN的SVG Image Element我沒有找到類似的屬性。有沒有一種方法可以將替代文字添加到外部圖像？要做到這一點

2016-04-15 ychi chen

相當於將是''子元素，但我不認爲許多UA顯示它如果圖像不加載。你唯一真正的選擇是用javascript編寫代碼。 –

的方法之一是在這個小提琴的圖像之前繪製文本，如：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" />

來源

2016-04-16 12:08:04

如何在SVG中爲外部圖像添加文本替代？

回答

相關問題