我有一堵墙,它在HTML5画布上从右到左移动。我使用一张砖块图案重复出现来让整个墙看起来像是由砖头覆盖。
以下是创建和填充图案的相关代码:
this.update = function() {
var context = gCanvas.context;
context.fillStyle = context.createPattern(this.image, "repeat");
context.fillRect(this.x, this.y, this.width, this.height);
};
墙壁从右向左移动,但图案不随之移动,使得图案看起来像是静态图片而墙壁在其上滚动。我需要的是让图案跟随墙壁移动,使整个墙壁看起来像是从右向左移动。请查看以下jsfiddle以了解其效果:https://jsfiddle.net/ugmo1cd3/4/。