javascript - SVGforeignObject文本未出现在移动浏览器中

Question

尝试使用 D3 和foreignObject 将换行文本插入到 svg 中。文本显示在桌面浏览器中，但不显示在移动浏览器中。

现场直播:

https://s3.amazonaws.com/WorkMalawskey/charter_money.html

垃圾箱:

http://jsbin.com/hometutiqi/1/edit?html,output

我缺少什么想法吗？我猜这是一些简单而愚蠢的事情。

Answer 1

哈哈是的:-)但我认为这也与缺少“xhtml”声明有关。以下代码可以正确运行:

var d2default = svg.append("foreignObject")
                    .attr({ 'x': 210, 'y': 15, 'width': 78, 'height': 55, 'class': 'text' });
                var div2d1 = d2default.append('xhtml:div')
                    .append('div');
                div2d1.append('p')
                    .html('<center><b>Fighting Chance Pa</b></center>');