Javascript 如何使用html2canvas捕获fabric.js画布的两面
如何拍摄T恤的两面? 该模块基于canvas-fabric.js 我设法抓住了T恤的正面,但没有把T恤翻过来抓住背面。这是我在设置样式时用于前后旋转的代码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
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。但我不知道以后拍摄时如何访问它们
如果我解释得不好,我道歉。如果你有任何问题,我在这里澄清