是否可以使用 d3.js 将另一个 svg 附加到预先存在的 svg 父级？
我知道可以通过使用“svg:image”属性来实现。但不幸的是，我失去了对内部 svg-child 的完全控制。
相关 dom 节点由 d3 创建，但未渲染，因此页面保持空白。
希望有人可以提供帮助，提前谢谢:)
这是我得到的：
网页CSS
#svg-main-wrapper {
position: absolute;
min-width: 100%;
min-height: 100%;
bottom: 0;
padding: 0;
margin: 0;
}
<div id="svg-main-wrapper">
<div svg-container svg-src="svgContainer[0].url" position="svgContainer[0].position">
</div>
</div>JavaScript
angular.module('app', ['ui.bootstrap'])
.directive('svgContainer', function() {
return {
restrict: 'A',
template: function() {
var parent = angular.element('body');
return '<svg class="svg-container" width="' + parent.width() + '" height="' + parent.height() + '" viewBox=" 0 0 ' + parent.width() + ' ' …