相关疑难解决方法(0)

除非纯文本,否则不显示SVG foreignObject内容

我正在尝试使用SVG绘图中的foreignObject标记输出HTML.我正在使用d3来生成元素.foreignObject标记内的HTML内容出现的唯一时间是foreignObect标记内的内容是纯文本,否则它只显示为空/空白.请看这个jsfiddle我的问题的一个例子:http://jsfiddle.net/R9e3Y/29/

foreignObject标记内的内容显示在检查元素时:

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
    <foreignObject x="40" y="40" width="100" height="100">
        <div>test</div>
    </foreignObject>
</svg> 
Run Code Online (Sandbox Code Playgroud)

但在屏幕上看不到?如何显示内容?

html svg d3.js

39
推荐指数
3
解决办法
3万
查看次数

标签 统计

d3.js ×1

html ×1

svg ×1