插入图片的语言是

<img class="img-responsive center-block" id="Img" src=""></img>

<script>
    document.getElementById("Img").src = filePath
</script>

图片的大小位置不确定，但通常是是1280×720或者640×480的，并且由img-responsive进行比例缩放再居中。

现在需求在图片对应的位置绘制矩形（就是圈人的那种啦），矩形的大小和位置都是对应图片的像素来的。

我的想法是将图片作为背景层，然后通过各种未知的语言（=。=）读出来图片的像素属性和插入html位置和像素大小，将矩形等比例缩放之后再插入矩形。但是不会呀QUO

本人小白，canvas也是有了这个需求之后才刚开始接触的，有什么不对的地方还请见谅，现在真的是非常急的说QUO