使用printjs的画布位置

Question

我正在使用printjs将我的html页面转换为pdf，除了我的画布之外，所有的工作都很好，你可以在这里看到：

​

​

下面是代码：

printJS({
    printable: 'page1',
    type: 'html',
    scanStyles: false,
    ignoreElements: ['btnPrint'],
    css: [
        'vendor/fontawesome-free/css/all.min.css',
        'css/sb-admin-2.min.css',
        'css/custom.css'
    ]
});

画布高度: 320px，宽度: 562px

我该如何解决这个问题呢？

Answer 1

尝试增加画布高度。并适当地调整这个形状的中心。看起来坐标(x，y)越界了。

Answer 2

我试着用canvas {height: 320;}增加画布高度(我只有1个画布，所以应该没问题)，320,200,300，甚至1000都不会改变这是我的代码

​

printJS(
{printable:'page1', 
type:'html', 
scanStyles: false, 
ignoreElements:['btnPrint'], 
css: ['vendor/fontawesome-free/css/all.min.css', 'css/sb-admin-2.min.css', 'css/nowa.css'], 
style: ['@page { size: A4; margin: 0mm;} body {margin: 0;} canvas {height: 1000;}'], targetStyles: ['*']});

​

@page和body运行得很好，但即使我尝试将背景颜色设置为红色，也不会发生任何变化。

我可以改变它的中心位置向左:但不能使用像text-align: center这样的贴片，它也不能工作。我不是很擅长css，所以也许我不知道如何将画布居中。