Question

请问使用js能实现向svg中添加div吗

有个svg地图打印模板，想利用js往模板中添加div，Div主要是添加的地图，不知道能否实现

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

以我目前接触的程度来讲, svg中是不能放置其他的dom元素的, 只能放置他专属的text, rect, circle等等, 我尝试过$().html(), d3.select().append()以及js的 createElementNS(), 都是可以添加rect等专属的标签, 但是换成 div就不行,
如果想用在svg添加div的话, 可以尝试不将 div 加入到svg, 而是加入到父元素里, 然后设置svg的z-index和div的z-index, 在父元素上添加 position:relative, div上添加 position:relative, 通过offset的形式将 div "添加" 到 svg上, 这样虽然不是真正的添加到svg上, 但是在页面上看起来就是div在svg上

Answer 2

建议你搜索一下SVG动画，，来看看，，里面就会介绍有SVG里的子元素操作的方法。。。