KonvaJS - Как добавить форму с помощью триггера кнопки?

Question

Простите за плохую грамматику-

У меня проблема с тем, как добавить форму с помощью триггера кнопки. но не работает

вот мой код: HTML

<button id="btnCreateRectangle" class="btn-primary-blue">Button Text</button>

И вот мой js:

        function addRectangle(layer) {
            var scale = 1;

            var rectangle = new Konva.Rect({
                x: 12,
                y: 12,
                numPoints: 5,
                innerRadius: 30,
                outerRadius: 50,
                fill: "#89b717",
                opacity: 0.8,
                draggable: true,
                name: 'rect',
                width: 128,
                height: 50,
                scale: {
                    x: scale,
                    y: scale
                },
                shadowColor: "black",
                shadowBlur: 4,
                shadowOffset: {
                    x: 5,
                    y: 5
                },
                shadowOpacity: 0.6,
                // custom attribute
                startScale: scale
            });

            layer.add(rectangle);
        }

document
            .getElementById('btnCreateRectangle')
            .addEventListener('click', function () {
                addRectangle(layer)
            });

Я очень новичок в языке javasrcipt, любое предложение или ответ будет оценено

Благодарность

Answer 1

Из документации KonvaJS после добавления прямоугольника к слою вы должны добавить этот слой в stage https://konvajs.org/docs/overview.html

stage.add(layer);