javascript - 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/ ：

このチュートリアルでは、canvas/contextオブジェクトを使用して画像を繰り返します。ドキュメントで画像の繰り返しを見つけることができなかったので、ステージ（またはレイヤー）のメインコンテキスト要素にアクセスして、チュートリアルと同様に使用できるかどうか疑問に思いました。

Answer 1

画像を塗りつぶした長方形を使用してみてください。デフォルトでは、画像の塗りつぶしが繰り返されます。次に例を示します。

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

パターンの繰り返しタイプを変更したり、オフセットを使用したり、パターン画像を拡大縮小したりすることもできます

乾杯！