javascript - Z-index 底部背景 -Konvajs

Question

如何使用 node.setZIndex(2); 或 node.moveToTop(); node.moveToBottom(); 用于在底部修复任何图像和文本的背景层？

如果点击背景 -> 图像 -> 背景，则图像转到底部

https://jsfiddle.net/hk7xe0we/12/

$('.back').click(function(){
    imgback = $(this).find('img').attr('src');


    var imageObj = new Image();
    imageObj.onload = function() {

      var background = new Konva.Image({
        image: imageObj,
      });
      // add the shape to the layer
      layer.add(background);
      layer.draw();


    };
    imageObj.src = imgback ; 

});

https://github.com/EditorsJS/editorimagekonvajs

谢谢你的帮助

Answer 1

imageObj.onload = function() {
    // remove previous backgorun
    layer.find('.backgroud').destroy();

    var background = new Konva.Image({
        name: 'backgroud',
        image: imageObj,
    });
    // add new one
    layer.add(background);
    background.moveToBottom();
    layer.draw();
};

https://jsfiddle.net/hk7xe0we/13/