Svg中添加dom节点

Reason

相对于svg预约义的形状元素，dom元素能够直接使用css调整表现。所以在某些场景咱们须要在svg中插入dom元素

Solution

首先插入foreignObject元素，而后再插入dom元素，例如：（这里使用d3js）

index.html

<svg></svg>
复制代码

index.js

import d3 from 'd3';
d3.select('svg')
.append('foreignObject')
.append('div')
复制代码

参考资料：stackoverflow.com/questions/1…