我有一个图像裁剪的小部件，它为我提供了用户裁剪的x1 y1和x2 y2坐标。现在，我的要求是将裁剪后的坐标放在其他一些html页面中。
这是我的代码
我要显示的窗口的宽度和高度是200px 200px。我想在这个200*200像素的窗口中调整裁剪后的坐标。
我有4个坐标，当用户裁剪图像时，我会得到这些坐标。
如何实现此
谢谢。
我很抱歉，因为我写了"这是我的代码"，我无能为力。
我会告诉你确切的情况。。。。我告诉用户上传图像，然后用户将转到cropper页面，在那里用户将选择所需的区域，然后图像文件将存储在服务器中，裁剪后的图像坐标将存储在数据库中。
现在我知道了用户实际选择的坐标，我的意思是我有x1，y1，x2，y2。我有用户上传的完整图片。
现在我需要的是显示用户在200px*200px的帧中裁剪的仅限用户的图像。
换言之，如果我说，我有坐标，并且希望在200*200px的宽度和高度框中显示以该坐标开始和结束的图像。
感谢
我不久前做过这个。我想到了以下内容：
您有一个200x200div，其中position:relative和overflow：hidden，并让它包含一个img标记，其中position：absolute是用户图片的src属性，宽度和高度按比例缩放：
width = user_image_width * 200 / (x2 - x1)
height = user_image_height * 200 / (y2 - y1)
然后你需要适当地设置左侧和顶部：
left = -x1 * 200 / (x2 - x1)
top = -y1 * 200 / (y2 - y1)
如果您设置img元素的相应css属性（我没有犯错误），它应该只显示填充整个200x200分区的选定部分。