箭头在一组html表之上？

Question

我有一组html表（在我的ReactJS代码中动态生成）。 下面是一个例子：

我想在一些单元格（特别是具有相同数字的单元格）之间绘制弧线。一个想法是创建透明SVG并在SVG文件中绘制箭头。但我感到困惑的是，如何指定弧的起点和终点（以便它们与正确的单元格对齐）。有什么想法给我？

Answer 1

与我的评论相关的答案：我有同样需要绘制一个图表，我需要完全控制学校项目（你可以看到结果here）

我当时正在使用angular，如果你从未玩过它，那么标签的%w[ant bear cat].all? { |word| word.length >= 3 } #=> true %w[ant bear cat].all? { |word| word.length >= 4 } #=> false [nil, true, 99].all? #=> false 属性只是一个输出当前dom元素的#define _POSIX_SOURCE 循环。

ng-repeat

for功能非常简单：

<div class="route"
     ng-repeat="route in routes"
     style="
       left: {{ route.source.x }}px;
       top: {{ route.source.y }}px;
       width: {{ route.distance }}px;
       transform: rotate({{ getAngle(route) }}rad);
       -webkit-transform: rotate({{ getAngle(route) }}rad);"
>▶</div>

这是getAngle类的CSS：

Math.atan2((route.dest.y - route.source.y), (route.dest.x - route.source.x))

你可能不得不用CSS来摆弄一切，但这就是想法。