如何访问raphael创建的纸张对象？

Question

我正在处理一些系统发育分析的HTML显示。 我创建了一个div，并且有一个名为jsPhyloSVG的可爱的javascript程序包，它在该div中为我绘制了一棵漂亮的树。 该程序包使用raphael进行绘制，但不会返回raphael paper对象。 我想使用raphael在此图像上添加一些内容，但是我不知道如何做，因为我没有对该paper对象的引用。 我可以访问raphael生成的svg，但是有某种方法可以向后查找paper吗？

如果那行不通，我总是可以使用jquery将圆形或路径对象直接添加到svg中，对吗？

Answer 1

好吧，在一天中大部分时间把头砸到墙上之后，我已经解决了我的问题。 事实证明，如果可以找到对象本身的引用，则可以重用由其他库创建的paper对象。 对于使用jsPhyloSVG的其他用户，可以通过以下方式找到它：

var dataObject = {phyloxml: tree_data};
var phylocanvas = new Smits.PhyloCanvas(
  dataObject,
  'svgCanvas',
  1000, 1000,
  'circular'
);
var paper = phylocanvas.getSvg().svg;

然后，您可以正常进行操作： paper.circle(100, 100, 15); 。

我认为Ian遇到的问题是，您无法重用raphael创建的svg 。 我总是可以访问该元素，但是使用jQuery附加圆形元素是行不通的。

它们将显示在检查面板的svg对象中，但不会显示在屏幕上。 还有在另外一个问题讨论了几个解决办法在这里 ，它主要是为我工作。 但是，它们中断了Raphael对象与屏幕上的svg元素之间的连接； 大多数鼠标悬停功能停止工作。