拉斐尔上的标记点

Question

所以目前我已经设置了一个有效创建图形的路径。我现在需要做的就是在路径上的点上创建一个悬停效果，以显示该点的值。我该怎么做呢？

*的 修改 *

我想知道如何在连续路径上为点添加标记？ 目前我正在循环PHP并将变量与更多的坐标连接起来，如下所示：

$line .= ' l '.$x.' '.$y;

然后

echo 'var line = paper.path("M 0 100 '.$line.'")';

看到我使用“l”值作为路径的相对添加，我将如何为每个点添加标记？

Answer 1

如果您只想在点（圆圈）上方显示某些信息，则只需在圆圈的悬停事件中创建一个文本元素并显示它。类似于this。

修改

如果你的x / y值是相对于前一个点的，你应该累计从0开始的值。

我不确切知道如何在PHP中编写这个，但是这样：

var $absoluteX = 0;
var $absoluteY = 0;
for(...) { 
  $line .= ' l '.$x.' '.$y; 
  echo 'var line = paper.path("M 0 100 '.$line.'")'; 

  $absoluteX += $x; // add the relative change to the previous x value
  $absoluteY += $y;
  echo 'var circle = paper.circle($absoluteX, $absoluteY, 5)'; 
}