html2canvas截图打印

最新推荐文章于 2024-07-22 15:30:16 发布

微风吹过的夏天2016

最新推荐文章于 2024-07-22 15:30:16 发布

阅读量2.6k

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/beijing20110905/article/details/110637697

版权

VUE 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

import printJS from 'print-js';
import html2canvas from 'html2canvas';

export const mapPrint = {

    defaultDomId: "printDiv",

    print(domId) {
        const that = this;
        if (!domId) {
            domId = that.defaultDomId;
        }
        that.beforePrint();
        html2canvas(document.getElementById(domId)).then(canvas => {
            const imageData = canvas.toDataURL("image/jpeg", 1);
            that._print(imageData);
        });
    },


    beforePrint() {
        // TODO
    },

    _print(imageData) {
        const that = this;
        printJS({
            printable: imageData,
            type: 'image',
            documentTitle: '&nbsp'
        });
        that.afterPrint();
    },

    afterPrint() {
        // TODO
    },

};