如何以原始尺寸显示此图像，但只能将其显示在特定元素中？

Question

这里是我目前正在使用的代码：http://jsfiddle.net/gEMCm/

我试图使图像出现在原来的高度和宽度，但只可见一个特定的元素中（绿色镶上一个在小提琴），并且还使图像可移动，同时仍然只在特定元素内可见。以我想要这样的方式工作的一个例子是Facebook让你设置个人资料图像的方式。当您在Facebook上将图片设置为您的个人资料图片时，它可以让您移动图片并选择其中的一个特定区域以使其可见。我想要做那样的事情。

Answer 1

Demo

添加overflow: hidden;到包装DIV。

Answer 2

将图像设置为背景图像并使用背景位置样式/ css对齐图像的方式可能会更好。至于能够移动图像，你是否搜索了一个现有的js文件？如果没有，你是否至少看过Facebook的代码？您可以通过挖掘Facebook的js文件来找到它。