html网页生成图片，长按保存

html网页上有多张图片，点击长按的话只能保存被按的那张，需要将整个html生成一张图片，这样保存的时候就是整个网页了。
使用html2canvas.js，vue.js

 <div class="generatePicture">
        <div data-html2canvas-ignore @click="generateImage" v-show="afterCanvasImageHide">
            <p id="generaPic" class="optText"></p>
        </div>
  </div>

以下是生成图片和长按保存的js

var vm = new Vue({
        el: '#app',
        data: function() {
            return {
                afterCanvasImageHide: true,
                showToast: false,
                avatar: ''
            };
        },
        mounted: function() {
            this.$nextTick(function() {
                var _this = this;

                // 用base64展示html中要显示的图片（如果这个图片地址是服务端链接，图片链接需要服务端允许跨域，本地图片可以不用转base64）
                // 因为直接使用服务端地址链接，canvas.toDataU