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

时间:2016-06-03 23:31:58

标签: javascript jquery d3.js svg jquery-isotope

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

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

我使用&#39; .node&#39;作为项目选择器,但同位素似乎没有找到元素,没有任何反应。如果可能的话,或者如果库不能应用于SVG元素,是否有任何提示?

此处为测试用例:https://jsfiddle.net/geraldo/bL25f73a/

1 个答案:

答案 0 :(得分:0)

我已经看过同位素源代码了,遗憾的是它看起来明确地排除了SVG。

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

https://github.com/metafizzy/isotope/blob/master/dist/isotope.pkgd.js#L653

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