如何在 printJS 上添加自定义 JavaScript 文件答案

【问题标题】：How to add custom JavaScript file on printJS如何在 printJS 上添加自定义 JavaScript 文件
【发布时间】：2023-03-17 23:11:01
【问题描述】：

我有一个打印收据的脚本，它和 CSS 文件一样工作得很好

printJS({printable:'print-receipt', type:'html',css:'assets/css/receipt.css'});

但是，当我尝试使用以下代码添加 JavaScript 文件时即： javascript:'charts/charts.min.js' 它应该看起来像这样

printJS({printable:'print-receipt', type:'html',css:'assets/css/receipt.css',javascript:'charts/charts.min.js'});

那么，添加javascript文件后就没有效果了！有没有办法在 printJS 上添加一个 javascript 文件？拜托我需要你的帮忙。在此先感谢:)

【问题讨论】：

【解决方案1】：

在文档页面 (https://printjs.crabbly.com/) 中没有参数 javascript 这就是它不起作用的原因。

由于 printable 参数也适用于 html，我建议您先创建该元素。

<canvas id="chart"></canvas>
<!-- This is the library of chartjs -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>

在 js 中确保你选择了图表元素

printJS({printable:'chart', type:'html'});

【讨论】：