매개 변수 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

바운딩 상자를 사용할 수있게 되었습니까? 공식 문서에서는 분명하지 않거나 언어를 충분히 이해하지 못했습니다.

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

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

나에게 내가 필요로하는 결과를 제공합니다.