javascript - 如何以原始大小显示此图像,但仅在特定元素内显示?

标签 javascript css image html

<分区>


这个问题似乎与 help center 中定义的范围内的编程无关。 .

关闭 9 年前

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

我正在尝试使图像以其原始高度和宽度显示,但仅在特定元素( fiddle 中的绿色边框元素)内可见,并且还使图像可移动,同时仍然只能显示在特定元素中可见。 Facebook 允许您设置个人资料图片的方式就是我希望它以这种方式工作的一个例子。当您将图像设置为 Facebook 上的个人资料图像时,它可以让您四处移动图像并选择图像的特定区域以使其可见。我想做那样的事情。

最佳答案

您最好将图像设置为背景图像并使用背景位置样式/css 以您想要的方式对齐图像。至于能够移动图像,您是否为此搜索了现有的js文件?如果没有,您是否至少查看了 facebook 代码?您可能可以通过深入研究 facebook 的 js 文件找到它。

关于javascript - 如何以原始大小显示此图像,但仅在特定元素内显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9810083/

上一篇:javascript - 专注于文本字段背景没有改变颜色

下一篇:html - Div 中的表格 Firefox 与 Chrome

相关文章:

CSS Sprite 是压缩而不是裁剪

css - SVG 数据图像不能用作伪元素中的背景图像

javascript - 类用于对齐ckeditor

html - 是否可以将div的滚动条居中并溢出:scroll

python - 如何在图像之间传递像素颜色和位置

jquery - Parallax 在 Firefox 和 ie 中不起作用

javascript - 带下拉菜单的 Angular Pills

javascript - 在外部 Javascript 文件中使用 PHP 代码

javascript - 如何使用 jquery 创建图像缩放效果?

javascript - 如何知道哪些应用程序有监听 OSC/MIDI 端口?