我尝试打印页面的屏幕,然后将其保存到 中base64,效果很好,但看起来svg元素被忽略,并且某些css样式效果不好,例如:before和:after,原始页面看起来 -
您可以看到右侧的圆圈:before被忽略,顶部菜单中的箭头和:after选项卡上的箭头以及添加新选项卡按钮 (+) 相同。我的转换代码看起来 -
printOnePage(){
document.getElementById('helpPage').style.display= 'none';
let page = document.getElementById('appContainer');
html2canvas(page,{
onrendered: function(canvas) {
$('#img_val').val(canvas.toDataURL("image/png"));
console.log(document.getElementById('img_val'));
//document.getElementById("phpSendForm").submit();
}
});
document.getElementById('helpPage').style.display= '';
}
Run Code Online (Sandbox Code Playgroud)
有什么提示可能会导致这种情况吗?
有没有办法缩放/调整在fabric.js中制作的整个画布?<canvas className="canvas" ref="canvas" width="895" height="560"></canvas>然后我const canvas = new fabric.Canvas(this.refs.canvas),可以更改画布元素和其中的所有对象的宽度和高度吗?
canvas ×2
reactjs ×2
fabricjs ×1
html ×1
html2canvas ×1
input ×1
javascript ×1
resize ×1
scale ×1
svg ×1