raphael - 获取与 Raphael 纸元素关联的 DOM 节点的最有效方法

Question

好吧，这让我感到有点生气，因为它看起来应该是直截了当的，但是……不是吗？

我有一种情况，我使用特定的 z-index 属性将多个 SVG 和 div 层叠在一起，以控​​制它们的渲染顺序。所有这些都可以正常工作，但我发现获取给定纸张元素的 DOM 节点的唯一方法如下：

// given containerID, width, height, and zIndex are in scope
var canvas = Raphael( containerID, width, height );
var tempObject = canvas.rect( 0, 0, 1, 1, 0 ).attr( { fill: 'none', stroke: 'none' } );
var svgNode = tempObject.node.parentNode;
$(svgNode).css( { 'z-index': zIndex } );

这行得通，但它显然是不优雅的。有人知道如何直接获取论文的 svg 节点吗？

Answer 1

canvas.canvas应该做的伎俩。

为避免命名混淆，您可以执行以下操作：

var paper = Raphael( containerID, width, height );
var svgNode = paper.canvas;