javascript - 在 Raphael JS 中的两个百分点之间画一条线

Question

我试图在两个基于百分比定位的圆圈之间绘制一条路径。他们这样定位的原因是我缩放纸张并希望保持他们的位置。

这对圆圈很有效，但是当我尝试绘制这样的路径时:

paper.path("M55% 70%L25% 20%")

我得到的是:

Error: Problem parsing d="M,0,0"

我是怎么知道的？

另外，有没有办法不用手动计算就可以获取元素的百分比位置？

谢谢!

更新:

我最终解决了我的问题，但是以一种非常手动的变通方式:

var canvasX = $('#worldmap svg').width() / 100;
var canvasY = $('#worldmap svg').height() / 100;
mapCanvas.path("M" + Math.floor(parseFloat(from.attr("cx")) * canvasX) + " "
        + Math.floor(parseFloat(from.attr("cy")) * canvasY) + "L"
        + Math.floor(parseFloat(to.attr("cx")) * canvasX) + " "
        + Math.floor(parseFloat(to.attr("cy")) * canvasY));

不用说，这不是很好。

Answer 1

SVG 中没有指示 PathData specification这种语法是允许的。实际上我有点惊讶它允许像圆心这样的东西......但我想你是对的。
但是，如果您执行缩放，则位置将不会保持固定，如您在此 jsfiddle 中所见:http://jsfiddle.net/PUg8r/