【问题标题】:Z-index bottom background -KonvajsZ-index 底部背景 -Konvajs
【发布时间】:2016-01-15 09:22:35
【问题描述】:

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

感谢您的帮助

【问题讨论】:

    标签: javascript jquery konvajs


    【解决方案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/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-05-19
      • 2014-06-16
      • 1970-01-01
      • 1970-01-01
      • 2019-08-10
      • 2017-04-30
      • 1970-01-01
      • 2013-10-31
      相关资源
      最近更新 更多