0

我有两张图片，一张是静态图片，另一张是动态的，可以旋转和变换。我想知道动态图像是否覆盖了静态图像。通过使用此代码，我能够知道动态图像是否覆盖了静态图像。

const cardBox = document.getElementById("cardBg");
const cardPosition = cardBox.getBoundingClientRect();
const imgBox = document.getElementById("img");
const imagePosition = imgBox.getBoundingClientRect();
const isInside =
    imagePosition.top <= cardPosition.top &&
    cardPosition.top <= imagePosition.bottom &&
    imagePosition.top <= cardPosition.bottom &&
    cardPosition.bottom <= imagePosition.bottom &&
    imagePosition.left <= cardPosition.left &&
    cardPosition.left <= imagePosition.right &&
    imagePosition.left <= cardPosition.right &&
    cardPosition.right <= imagePosition.right;

但是当我旋转动态图像时，这个逻辑不起作用。有什么解决方案吗？

4

0 回答 0