使用JavaScript获取图像的一部分

是否可以通过JavaScript在

img

标记（带像素）中显示图像的任何部分

---

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

您可以使用CSS属性，并通过JS更改它们。将图像设置为具有所需大小的元素的背景，并使用背景位置调整其位置，以使其正确部分可见。有人称之为HTML5。为了给你多种选择，你可以随时使用HTML5画布并根据需要重新绘制图像。您可以在此处找到一个关于如何执行此操作的不错的教程：

---

尽管如此，CSS sprite方法还是更可取的，因为IE还不支持canvas。

+1您甚至不必使用DIV。我使用透明PNG并设置其背景图像，这同样适用于此目的，但如果我愿意，我可以选择内联使用工件，而不必处理浮动等。是的，当然，这适用于任何元素。不过，使用img元素听起来有点脏，我可能会使用display:inline block；如果我想让元素与文本一起流动，你甚至可以将你绘制的图像保存为数据url，而引用的问题是关于html/css的，这是针对JavaScript的。你知道吗，因为你的问题是关于JavaScript DOM的，而DOM本身只是html/css的编程后端，你的问题是关于HTML/CSS本身的？这里被接受的答案就是为了这个原因指向CSS。如果不考虑HTML/CSS，就不能使用JSDOM——即使在另一个答案中提到的HTML5画布元素也只是一个HTML5文档元素。