要实现功能，web前端页面，点击按钮加载一个本地图片，不缩放图片的情况下，就是如果图片过大就出现横纵滚动条，然后可以对图片进行坐标标注，比如一张图片有100个卡片，标出是红颜色的卡片，然后记录坐标。标注的时候就是用鼠标画一个矩形框就可以了，然后记录框的左上角X,Y和左下角的坐标X,Y（就知道方框的位置和大小了），要求方框可以选中删除的，比如标注错了，不想要了。最好方框也可以拖动和重新改变大小。
这个是否可以实现？有什么思路，是需要什么控件吗？
还有想问这个如果在不同电脑上，分辨率是否有影响，正常比如我加载的图片是800x600的分辨率，那么我标注的坐标比如是，左上角 X=200,Y=100，左下角X=230,Y=140， 这么一个矩形框，不管在什么情况下，这个坐标都是相对图片的左上角0点来说的
这个是否可以实现？有什么思路，是需要什么控件吗？
还有想问这个如果在不同电脑上，分辨率是否有影响，正常比如我加载的图片是800x600的分辨率，那么我标注的坐标比如是，左上角 X=200,Y=100，左下角X=230,Y=140， 这么一个矩形框，不管在什么情况下，这个坐标都是相对图片的左上角0点来说的
