更新记录

1.0.2（2020-11-05） 下载此版本

项目中再次用到该功能，重新做了一个case，方便大家使用。

1.0.1（2020-10-12） 下载此版本

初始化，将网页转化为图片

平台兼容性

html2canvas

使用方法

    /**
     * html2image: 将canvas2iamge以及html2canvas结合，将html转化为image. 方便大家使用，也可以自己去下载这两个插件，单独使用。
     * @param {Object} element : html元素，如document.body, document.getElementById('elementId')
     * @param {Object} html2canvasObject : html2canvas所需要的参数， 具体参数可访问html2canvas网站： http://html2canvas.hertzen.com/configuration
     * @param {String} saveType :'download'和'src'两种类型，第一种直接下载（微信中不可直接下载，被拦截）第二种返回src,可放入image标签中使用    canvas转image:  git地址： https://github.com/hongru/canvas2image
     * @param {String} imageName : 导出的图片命名, 只有type为'download'才会生效
     * @param {String}  type: 图片的类型： png， jpeg，gif，bmp，四种类型
     * **/
    import htmlToCavas from '@/components/dyw-html2image/html2image'

    htmlToCavas(element, html2canvasObject, saveType='src', type='png', imageName).then(res=> {
                            this.imageSrc = res.src
                        }).catch(err=> {
                            console.log(err)
                        })

实例

import htmlToCavas from '@/components/dyw-html2image/html2image'

htmlToCavas(element, {
                        useCORS: true,
                        logging: true, 
                        backgroundColor: '#982121', 
                        scale: 2, 
                        dpi: 350}).then(res=> {
                        this.imageSrc = res.src
                    }).catch(err=> {
                        console.log(err)
                    })