Опорные точки каскадных картинок

Question

В моем файле мне нужно поместить три изображения, накладывающиеся друг на друга, а второй можно преобразовать и перетащить. Я надеюсь, что точка привязки второго изображения может появиться на слое, не будучи перезаписана третьим. Как мне этого добиться? это ссылка на github: введите описание ссылки здесь

введите описание изображения здесь

var stage = new Konva.Stage({
            container: 'c',
            width: 500,
            height: 500
        })
        var layer = new Konva.Layer();
        stage.add(layer);
        // first image
        var imageObj = new Image();
        imageObj.src = '../image/a.png';
        imageObj.onload = function() {
            var yoda = new Konva.Image({
                x: 50,
                y: 50,
                image: imageObj,
            });
            layer.add(yoda)
            layer.batchDraw()
            var imageData = new Image();
            imageData.src = '../image/5.jpg';
            imageData.onload = function() {
                var node = new Konva.Image({
                        x: 50,
                        y: 50,
                        image: imageData,
                        draggable: true,
                        globalCompositeOperation: 'multiply',
                    })
                    // image transformer
                var tr = new Konva.Transformer({
                    node: node,
                });
                layer.add(node, tr);
                layer.batchDraw();
                var imageBottom = new Image();
                imageBottom.src = '../image/a1.png';
                imageBottom.onload = function() {
                    var imageB = new Konva.Image({
                        x: 50,
                        y: 50,
                        image: imageBottom,
                    });
                    layer.add(imageB)
                };
                layer.draw();
            }
        };