问d3.js用弯曲文本动态生成句子映射
EN

Stack Overflow用户

提问于 2014-08-23 13:06:42

回答 1查看 76关注 0票数 0

我有下面的d3.js 小提琴，它以波浪线打印句子。

正如你所看到的，它们相互重叠。我如何才能实现以下效果，也就是尽可能地将它们从上到下(带有一些随机性和波浪性)进行拟合？

关键当然是在线上：

    .append("path").attr("d", "M 10,90 Q 100,15 200,70 Q 340,140 400,30");

但是我如何生成这些字符串来做我想做的事情呢？

编辑:对不起，刚刚修复错了js小提琴链接！

d3.js

发布于 2014-08-23 17:41:17

您可以设置transform属性以移动所附加元素的坐标系。这样，就可以以随机的数量抵消每个新元素：

svg.append("g")
    .attr("transform", "translate(" + (Math.random() * 50) + "," + (i * (50 + Math.random() * 100)) + ")")

完整的演示这里。你可能需要调整数字才能得到你想要的。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25462243

复制

相似问题

问d3.js用弯曲文本动态生成句子映射EN