我正在尝试在 HTML5 canvas 中制作游戏，但我不想上传大量图像，而是只想上传一张包含所有图 block 的图像。问题是，我不知道如何只显示图像的一部分。基本上我想做谷歌对这张图片所做的事情:http://www.google.com/images/srpr/nav_logo27.png除了固定高度/宽度的瓷砖。有人可以向我解释该怎么做吗？此外，如果它在 Canvas 中与在没有 Canvas 的常规 html 页面中不同，我将如何在 Canvas 中执行此操作？
最佳答案
可以使用drawImage的切片参数
drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
sx,sy: 待切片部分的左上偏移sWidth,sHeight:待切片部分的尺寸dx,dy:要在 Canvas 上渲染的图像的左偏移和上偏移dWidth,dHeight: Canvas 上的图像尺寸
更多信息: Using images - Slicing (MDC)
关于javascript - HTML5 canvas 游戏的 Tileset，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4419505/