Javascript 如何使用html2canvas捕获fabric.js画布的两面

Javascript 如何使用html2canvas捕获fabric.js画布的两面,javascript,jquery,canvas,Javascript,Jquery,Canvas,如何拍摄T恤的两面? 该模块基于canvas-fabric.js 我设法抓住了T恤的正面,但没有把T恤翻过来抓住背面。这是我在设置样式时用于前后旋转的代码 function turn_side() { if ($(this).attr("data-original-title") == "Show Back View") { $(this).attr('data-original-title', 'Show

如何拍摄T恤的两面? 该模块基于canvas-fabric.js 我设法抓住了T恤的正面,但没有把T恤翻过来抓住背面。这是我在设置样式时用于前后旋转的代码

    function turn_side() {

        if ($(this).attr("data-original-title") == "Show Back View") {
            $(this).attr('data-original-title', 'Show Front View');
            $('#back_view').addClass( "view_present_active" );                     
            $('#front_view').removeClass( "view_present_active" );                     
            $("#tshirtFacing").attr("src",assets_folder + "img/crew_back.png");                 
            a = JSON.stringify(canvas);
            canvas.clear();
            try
            {
               var json = JSON.parse(b);
               canvas.loadFromJSON(b);
            }
            catch(e) {}
            
        } else {
            $(this).attr('data-original-title', 'Show Back View');
            $('#front_view').addClass( "view_present_active" );                                     
            $('#back_view').removeClass( "view_present_active" );                                       
            $("#tshirtFacing").attr("src",assets_folder + "img/crew_front.png");                    
            b = JSON.stringify(canvas);
            canvas.clear();
            try
            {
               var json = JSON.parse(a);
               canvas.loadFromJSON(a);                     
            }
            catch(e)
            {}
        }       
        canvas.renderAll();
        setTimeout(function() {
            canvas.calcOffset();
        },200);             
    }
这就是我用来捕捉其前端的代码

                html2canvas(document.querySelector("#shirtDiv"), {
                useCORS: true,
                width: 530,
                height: 630,
                windowWidth: 530,
                windowHeight: 630,
                x: 195,
                y: 0,
                scrollY: -410
            }).then(canvas2 => {
                var data = canvas2.toDataURL('image/png');
                var image = new Image();
                image.src = data;
                document.querySelector("#image_get").append(canvas2);

            });
我意识到,当我使用turn_-side函数时,我使用var a和var b。但我不知道以后拍摄时如何访问它们

如果我解释得不好,我道歉。如果你有任何问题,我在这里澄清