Safari / SVG / Unicode：Unicode字符未在Safari中呈現

Question

我正在使用D3.js將文本元素附加到SVG組元素，如下所示：

d3.select('#legend').append('text')
                                        .attr('x', 10)
                                        .attr('class', 'remove-country')
                                        .attr('y', 10)
                                        .attr('font-size', '15px')
                                        .attr('font-weight', 'bold')
                                        .attr('fill', '#555')
                                        .style('cursor', 'pointer')
                                        .html('☓')

在這里，“＃legend”是一個組元素。 ＆＃9747是用於在html中打印十字符號的unicode。 參考：

http://www.w3schools.com/charsets/ref_utf_misc_symbols.asp

問題在於此十字符號在Chrome上可正常顯示，但在Safari上似乎無法正常工作。 有其他顯示十字符號的方式嗎？

Answer 1

Safari是否會使用與Chrome不同的字體來呈現符號？ 如果您使用默認系統字體，則可能是這種情況，在這種情況下，Safari的字體可能不支持此特定字符。 嘗試設置一個明確的字體系列，例如：

font-family: 'Zapf Dingbats';

Answer 2

實際上，令我驚訝的是，它甚至可以在Chrome中使用。 根據此鏈接 ，svg矩形不能包含文本元素。 我建議您按照鏈接中給出的解決方案進行操作。