我試圖在HTML5畫布中製作遊戲，但不是上傳大量圖像，而是想上傳一張包含所有圖塊的圖像。問題是，我不知道如何只顯示圖像的一部分。基本上我想要做Google用這個圖片做的事情：http://www.google.com/images/srpr/nav_logo27.png，除了固定的高度/寬度的瓷磚。有人可以向我解釋如何做到這一點？另外，如果在畫布中不同於沒有畫布的常規HTML頁面，我怎樣才能在畫布上做到這一點？用於HTML5畫布遊戲的Tileset
您可以使用drawImage
drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
sx，sy切片參數：左，部分的頂部偏移要被切斷sWidth，sHeight：尺寸零件要切片dx，dy：左，頂在畫布上的圖象偏移，以在dWidth，dHeight呈現：圖像尺寸在畫布上在更多信息：Using images - Slicing（MDC）
看看SpriteJS https://github.com/batiste/sprite.js/blob/master/sprite.js那裏的工作是基於偏移在從單張圖片繪製精靈的時刻。
這就是我如何使用GWT： http://code.google.com/p/gwt-examples/wiki/gwt_hmtl5