Advertisement

使用javascript将多张图片合并成一个

阅读量:

[js] 实现多张图片合成一张的效果

复制代码
    原理是使用canvas画布。
    
    在页面加载前 mounted方法里:
     
    
    setTimeout(() => {
     
        this.changeimg();
     
    }, 1000);
    
    changeimg( )方法:
    
        changeimg(){
                var self = this;
                var imgsrcArray = [
                    require('../../assets/image/income/background.png'),
                    $('#qrcode canvas')[0].toDataURL('image/png')
                ];
                var canvas = document.createElement('canvas');
                var ctx = canvas.getContext('2d');
                canvas.width = 750;

全部评论 (0)

还没有任何评论哟~