Z-index底部背景-Konvajs

时间:2016-01-15 09:22:36

标签: javascript jquery konvajs

如何使用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

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

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/