パラメータ1の型が 'SVGRect'ではありません

Question

ネイティブSVG関数を呼び出そうとしていますが、ブラウザがrectパラメータがSVGRectではないと不平を言っています。私は何か違いがあるとは確信していませんが、SVGRectはインターフェイスのようですが、それでもまだノードを受け入れるべきではありませんrect？

HTML：

<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="884" style="opacity: 1;"> 
<rect class="overlay" width="1920" height="884"></rect> 
</svg> 

JS：

作成：

var svg = d3.select('body') 
     .append("svg") 
      .attr('xmlns',d3.ns.prefix.svg) 
      .attr("width", width) 
      .attr("height",height) 

    svg.append('svg:rect') 
     .attr('class','overlay') 
     .attr("width", width) 
     .attr("height",height) 

以降：

var svg = d3.select('svg').node() 
var rect = d3.select('rect.overlay').node(); 
var intersect = svg.checkIntersection(this,rect) 

上のコードはエラーUncaught TypeError: Failed to execute 'getEnclosureList' on 'SVGSVGElement': parameter 1 is not of type 'SVGRect'.

Answer 1

バウンディングボックスを使うことができます。公式の文書ではあまり明確ではありません。あるいは、言語を十分理解できないかもしれません。

https://www.w3.org/TR/SVG/struct.html#__svg__SVGSVGElement__checkIntersection

var intersect = svg.checkIntersection(this,rect.getBBox())

私が必要とする結果を与えます。