SVGSVGElement: checkEnclosure() Methode
Die checkEnclosure() Methode des SVGSVGElement Interfaces überprüft, ob der gerenderte Inhalt des angegebenen Elements vollständig innerhalb des bereitgestellten Rechtecks enthalten ist.
Jedes potentielle Grafikelement wird nur dann als übereinstimmend betrachtet, wenn dasselbe Grafikelement auch ein Ziel von Zeiger-Ereignissen gemäß der Verarbeitung von pointer-events sein kann.
Syntax
js
checkEnclosure(element, rect)
Parameter
Rückgabewert
Ein Boolean.
Beispiele
Überprüfen, ob ein Element in einem Rechteck eingeschlossen ist
html
<svg id="exampleSVG" width="200" height="200">
<rect
id="checkRect"
x="10"
y="10"
width="100"
height="100"
fill="none"
stroke="red" />
<circle id="targetElement" cx="50" cy="50" r="30" fill="blue" />
</svg>
<button id="checkEnclosureBtn">Check Enclosure</button>
<pre id="result"></pre>
js
const svgElement = document.getElementById("exampleSVG");
const checkRect = svgElement.getElementById("checkRect");
const targetElement = svgElement.getElementById("targetElement");
const resultDisplay = document.getElementById("result");
document.getElementById("checkEnclosureBtn").addEventListener("click", () => {
const rect = svgElement.createSVGRect();
rect.x = checkRect.x.baseVal.value;
rect.y = checkRect.y.baseVal.value;
rect.width = checkRect.width.baseVal.value;
rect.height = checkRect.height.baseVal.value;
const isEnclosed = svgElement.checkEnclosure(targetElement, rect);
resultDisplay.textContent = `Is the circle enclosed in the rectangle? ${isEnclosed}`;
});
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGSVGElement__checkEnclosure |
Browser-Kompatibilität
BCD tables only load in the browser