이미지 클릭시 크게보이는 모달창 구현

<div class="modal">
    <div class="modalBox" style="text-align: center;">
    </div>
</div>

<img src="/bookImg/${book.bookUuid}" alt="Image" class="img-fluid">

<script>
$(function(){

    $("canvas").ondblclick(function(){
        let img = new Image();
        img.style.objectFit = 'cover';
        img.style.maxWidth = '1200px';
        img.style.maxHeight = '1200px';
        img.src = $(this).attr("src")

        $('.modalBox').html(img);
        $(".modal").show();
    });

    $(".modal").click(function (e) {
        $(".modal").toggle();
    });
});
<script>