javascript - KineticJSで図形をコピーして貼り付ける方法

Question

私はこのようなbutton1を持っています。

var Button1 = new Kinetic.Polygon({
            points: [0, 0, 0, 30, 15, 15],
            fill: 'rgb(0, 255, 0)'
        });

今、私はそれをコピーしたい（それを複製する）。どうすればいいですか？

私はこれを試しました-

    var Button2 = new Kinetic.Polygon();
    Button2 = Button1;

キャンバスに1つのコピーしか描画されていないため、これは機能しませんでした。

これはどのようにすればよいですか？

Answer 1

KineticJS でオブジェクトをコピーする最も簡単な方法は、 clone メソッドを使用することです。

 var Button1 = new Kinetic.Polygon({
        points: [0, 0, 0, 30, 15, 15],
        fill: 'rgb(0, 255, 0)'
 });

 var Button2 = Button1.clone();

Button2 は Button1 の正確なコピーになりました

Answer 2

これはどうですか：

var buttonData = {
            points: [0, 0, 0, 30, 15, 15],
            fill: 'rgb(0, 255, 0)'
        }

var Button1 = new Kinect.Polygon(buttonData);
var Button2 = new Kinect.Polygon(buttonData);

?

Answer 3

Button1 と Button2 が同じキネティック オブジェクトを指すようになりました。

jQuery 拡張メソッドを使用してみることができます

var Button2 = $.extend({}, Button1);

これにより、オブジェクトのコピーが作成されます。