javascript - 有什么方法可以在 Snap svg 中通过 snap id 查找元素？

Question

在拉斐尔中有一个 Paper.getById()方法，效果很好，但在 Snap 中没有这样的方法，我找不到任何类似的方法。

我看到 Snap 为纸上的每个元素设置了唯一 ID，类似于 pathSian06waj35 。但是我在文档中找不到任何信息如何使用它通过该 id 获取 Element 对象。

Answer 1

你通常根本不使用它，作为它的 Snaps 自己的引用，你更有可能设置你自己的 id(或者它会在 SVG 标记中)，然后访问你自己的变量，或者通过css 选择器、它的 id、类等。

例如

var rect = s.rect(10,10,100,100).attr({ id: "myRect" });

//to access via id attribute
console.log( s.select('#myRect') );
// or
console.log( Snap("#myRect") );

注意:在 Snap 的早期版本中，id 属性无法正常工作，因此我认为请确保您使用的是版本 3 以上。