KineticJS - 任何重複圖像的方式？

Question

我已經切換到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/：

該教程利用畫布/上下文對象重複圖像。我無法在文檔中找到圖像重複，因此我想知道是否可以訪問我的舞臺（或圖層？）的主要上下文元素，然後使用與教程類似的內容。

Answer 1

嘗試使用帶圖像填充的Rect。圖像填充默認重複。這裏有一個例子：

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

你也可以換着花樣的重複類型，使用補償和縮放模式圖像

乾杯！