代码之家  ›  专栏  ›  技术社区  ›  Alper

使用javascript获取图像的一部分

  •  7
  • Alper  · 技术社区  · 15 年前

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

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

    2 回复  |  直到 8 年前
        1
  •  9
  •   Matti Virkkunen    15 年前

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

        2
  •  2
  •   groovecoder mkluwe    11 年前

    为了给您提供多个选项,您可以始终使用HTML5画布,并根据需要重新绘制图像。您可以在这里找到一个关于如何做到这一点的很好的教程: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Using_images 尽管如此,CSS sprite方法还是比较可取,因为IE还不支持画布。