原生js拼图

// 确保每个拼图块的宽高一致，并且使用绝对定位
puzzlePiece.style.position = 'absolute';
puzzlePiece.style.width = pieceWidth + 'px';
puzzlePiece.style.height = pieceHeight + 'px';

let offsetX, offsetY;

puzzlePiece.addEventListener('mousedown', (e) => {
    offsetX = e.clientX - puzzlePiece.offsetLeft;
    offsetY = e.clientY - puzzlePiece.offsetTop;
});

document.addEventListener('mousemove', (e) => {
    if (e.buttons === 1) {
        puzzlePiece.style.left = (e.clientX - offsetX) + 'px';
        puzzlePiece.style.top = (e.clientY - offsetY) + 'px';
    }
});

function checkCompletion() {
    for (let i = 0; i < pieces.length; i++) {
        if (pieces[i].style.left !== targetPositions[i].left || pieces[i].style.top !== targetPositions[i].top) {
            return false;
        }
    }
    alert('恭喜你完成了拼图！');
    return true;
}