使用JavaScript获取图像的一部分

时间:2010-04-04 14:37:35

标签: javascript image

是否可以通过JavaScript在img标记(带像素)中显示图像的任何部分?

我会有一个准备好的大图像(例如32x320像素)和定义的起始位置(X,Y,例如0,32)和宽度/高度(例如32,32),并希望脚本显示第二个(32x32)像素)主图像的一部分。

2 个答案:

答案 0 :(得分:9)

您可以使用CSS属性并通过JS更改它们。将图像设置为具有所需大小的元素的背景,并使用背景位置调整其位置,以便可以看到它的正确部分。有些人称之为CSS sprites

答案 1 :(得分:2)

为了给您提供多个选项,您可以随时使用HTML5画布并根据需要重绘图像。您可以在此处找到有关如何执行此操作的精彩教程:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Using_images 尽管如此,CSS精灵方法仍然是优选的,因为IE还不支持画布。