AlexaShemetova
@AlexaShemetova
While I'm breathing - I love and believe

Почему в konva.js дублируется основной слой stage?

При добавлении второго слоя с картинкой, в разметке дублируется основной слой stage, что я делаю не так? При дальнейшем добавлении слоев опять идет дубль. Вот как это выглядит:

5e85e302445ab888490329.jpeg

var stage = new Konva.Stage({
        container: 'gamefield', // идентификатор div контейнера
        width: 800,
        height: 600
    });

    var layerBg = new Konva.Layer();

    var bgMain = new Image();
    bgMain.src = "img/bg.jpg";

    bgMain.onload = function() {
        var field = new Konva.Image({
            x: 0,
            y: 0,
            image: bgMain,
            width: 800,
            height: 600
        });

        layerBg.add(field);
        stage.add(layerBg);
    };
    var layerJoker = new Konva.Layer();
    
    var joker = new Image();
    joker.src = 'img/joker.png';
    
    joker.onload = function() {
        var cardJoker = new Konva.Image({
            x: 0,
            y: 0,
            image: joker,
            width: 100,
            height: 140
        });
    
        layerJoker.add(cardJoker);
        stage.add(layerJoker);
    };
  • Вопрос задан
  • 50 просмотров
Пригласить эксперта
Ответы на вопрос 1
twobomb
@twobomb
Каждый слой (Layer) представляет из себя один canvas элемент на странице и может содержать в себе фигуры, группы фигур или группы групп.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы