KineticJS - 有什么方法可以重复图像？答案

【问题标题】：KineticJS - Any way to repeat images?KineticJS - 有什么方法可以重复图像？
【发布时间】：2012-06-23 06:39:03
【问题描述】：

我已切换到 kineticJS，我正在尝试让背景图像重复出现。这是我正在使用的代码：

var background_image = new Image();
background_image.onload = function() {
    var image = new Kinetic.Image({
        image: background_image,
        width: this.width,
        height: this.height
    });
    mainLayer.add(image);
    stage.add(mainLayer); // now mainLayer is available
};

现在我想做的基本上就是本教程所做的： http://www.html5canvastutorials.com/tutorials/html5-canvas-patterns-tutorial/：

该教程使用画布/上下文对象来重复图像。我在文档中找不到图像重复，所以我想知道是否可以访问我的舞台（或图层？）的主要上下文元素，然后使用类似于教程的内容。

【问题讨论】：

标签： javascript html canvas kineticjs

【解决方案1】：

尝试使用带有图像填充的矩形。默认情况下重复图像填充。这是一个例子：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-set-fill-with-kineticjs/

您还可以更改图案重复类型、使用偏移量和缩放图案图像

干杯！

【讨论】：