使用D3字云示例的jason davies时为什么文本出来的框中?
-
21-12-2019 - |
题
我正在使用 d3 word cloud 对于我的一个项目。在该示例中,它定义为宽度和高度为300 * 300.但是当我运行时,有时只有一半的文本显示在框中。
在此示例中,它是左侧的“随机”字。只显示“OM”。
任何人都可以帮助我如何在特定区域中显示输出?
感谢
解决方案
假设云中心在(0,0)处计算云中的单词的坐标。对于SVG而言,这不是这种情况,因此在顶级SVG下面有一个具有适当的坐标系平移的g
元素。在更改单词云的大小时,您也需要更改此。
在您的情况下,单词云的大小为800x300,因此转换应为(400,150):
.append("g").attr("transform", "translate(400,150)")
. 其他提示
我认为翻译应该是宽度和高度的一半。例如,如果w= 300h= 300,则转换应转换(150,150)。希望它有效。
不隶属于 StackOverflow