让我用一张图片来总结一下场景:
我正在尝试在我的网站中设置个人资料图片的功能。我希望有一个页面在图像字段中以原始大小显示上传的图片,但个人资料图片的大小应该是 200*153 所以我想要那个用户可以调整图片的大小,也可以将一个框架(框架大小为 200*153)拖到他们想要成为他们的个人资料图片的调整大小的图片的任何区域,当他们点击保存按钮时,只是在帧被裁剪并将该区域保存到服务器。
想象一下这些是 HTML 代码:
<div style="height:150px;width:200px;position:absolute;border:5px solid yellow;z-index:1001;" id="test1"></div>
<img id="test" src="~/Content/01052013626.jpg"/>
请注意,div 是可拖动的,图像是可调整大小的。
谢谢你。