Repeat a part of spritesheet as background
- by Moiblpadde
So I'm trying to repeat a part of my spritesheet as a background (js, canvas).
My code so far:
var canvas = $("#board")[0],
ctx = canvas.getContext("2d"),
sprite = new Image();
sprite.src = "spritesheet.png";
sprite.onload = function(){
ctx.fillStyle = ctx.createPattern(spriteBg, "repeat");
ctx.fillRect(0, 25, 500, 500);
}
This is fine, but as you can see, it repeat the whole sprite, not just a part of it, and I just can't figure out how to do it D: