作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有以下问题...我从 Mike Bostock ( http://bl.ocks.org/oscar6echo/4423770 ) 那里获取了德国的交互式 map ,并希望将 svg 定义为 HTML 标签。然后用 D3 选择 svg 并将 map 放入其中(Javascript)。但它不起作用。
这是一些代码:
var svg = d3.select("#map").append("svg:svg")
.attr("width", width)
.attr("height", height);
...
</script>
<svg id="map"></svg>
</body>
它仅在我选择“正文”时有效。我用一个 div 试过了,但它也不起作用。感谢您的帮助!
最佳答案
除非我是傻的,否则你的代码中肯定有一些不在你发布的代码片段中的小错误。
我对此也很陌生,但您不需要定义“ map ”svg,然后使用 D3 向其附加另一个 svg。将其定义为 div(或使用 body)并附加 svg 就足够了。
我在这里简单地复制了代码:http://jsfiddle.net/brxxgb5n/
我刚刚用过
<body>
<div id="map"></div>
</body>
对于 html,然后是 JS:
var svg = d3.select('#map')
.append("svg")
希望对您有所帮助。
关于javascript - 如何将德国 map 放在 HTML 中的 svg 上? D3js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32348721/
我是一名优秀的程序员,十分优秀!