javascript - 使用 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'
    ]
});

画布高度：320 像素和宽度：562 像素

我怎样才能解决这个问题？

Answer 1

我尝试使用canvas {height: 320;}320、200、300 甚至 1000 来增加画布高度（我只有 1 个画布，所以应该没问题）没有任何改变这是我的代码

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 工作正常，但即使我尝试将背景颜色设置为红色，也没有任何变化。

我可以通过向左改变来居中：但不能使用 smt ，因为text-align: center它也不起作用。我不太擅长css，所以也许这不是如何使我不知道的画布居中。

Answer 2

尝试增加画布高度。并适当调整此形状的中心。看起来坐标 (x,y) 超出范围。