如何将同位素应用于 svg 节点

Question

由于元素量很大 (>5000)，我想将同位素应用于 SVG 而不是 HTML 节点。节点表示为：

<rect class="node" width="2" height="2"/>

我使用“.node”作为项目选择器，但 isotope 似乎没有找到元素并且没有任何反应。如果这可行或库不能应用于 SVG 元素，有什么提示吗？

Answer 1

我查看了 Isotope 源代码，不幸的是它似乎明确排除了 SVG。

  elems.forEach( function( elem ) {
    // check that elem is an actual element
    if ( !( elem instanceof HTMLElement ) ) {
      return;
    }

为了验证，我做了 $("rect")[0] instanceof HTMLElement 并且它返回了 false。

How to apply isotope to svg nodes