仅查看图像的某些部分

Question

您好我只想在我的网站上看到图像的某个部分，我想如果我正确记得我需要使用javascript吗？任何人都可以给我一个代码吗？

更具体地说，这是图像：

我想只能看到头部的前部。该图的图表是：

感谢。如果这不在合适的网站上，那么移动它会很棒。

Answer 1

您可以使用CSS来实现此目的。 将图像设置为背景，设置要查看的部分的高度/宽度，并设置背景位置以将要查看的部分定位到您创建的“窗口”中。

http://www.askapache.com/css/css-background-image-sprite.html

Answer 2

嗯..你定义一个元素（一个div）应该是图像“容器”，你设置完整的图像，因为它是css“background-image”。然后用css“background-position”规则控制图像的偏移量 它只能用css完成，但你可以通过javascript动态改变css规则 一个很好的例子是jquery ui页面：

你可以看到它将整个icon-set作为背景图像加载到网站中显示的任何图标，然后通过背景位置将背景“移动”到所需位置