SOURCE

function showRectMark(imgObj) {
    // 左上角570,126，右下角830,182
    var box_ = document.getElementById("box");
    box_.style.position = "absolute";
    box_.style.border = "2px solid #ff0000";
    box_.style.backgroundColor = "transparent";
    box_.style.left = "570px";
    box_.style.top = "126px";
    box_.style.width = (830 - 570) + "px";
    box_.style.height = (182 - 126) + "px";
}

<div class="wrapper">
     <img onload="showRectMark(this)" src="https://img.chinacourt.org/ptr/original/629/236629.jpg?imgid=236629" />
     <div id="box"></div>
</div>

.wrapper {
    position:relative;
}

.box {
    position:absolute;
    top:570px;
    left:126px;
    width:260px;
    height:56px;
    border:2px solid #ff0000;
    background-color:transparent
}