未生成 pdf 的 PDFMAKE 水印答案

【问题标题】：PDFMAKE Watermark for pdf is not being generated未生成 pdf 的 PDFMAKE 水印
【发布时间】：2016-04-12 15:26:14
【问题描述】：

我正在尝试使用 pdfmake 生成带水印的 pdf。但是在使用属性“watermark:'test'”时，不会生成 pdf。控制台上会弹出一个错误，提示“Font 'undefined' in style' normal' 未在文档定义的字体部分定义”。如何使用 PDFMAKE JS 库生成带水印的 PDF。

<html>
        <head>

            <script src='https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.20/pdfmake.min.js'></script>
            <script src='https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.20/vfs_fonts.js'></script>
            <script type="text/javascript">

        function myFunction()
        {


            var docDefinition = {
                watermark:'test',
      background: 'simple text',
      content: 'This is an sample PDF printed with pdfMake'

    };
        pdfMake.createPdf(docDefinition).download('Report.pdf');

        }
        </script>
        </head>
    <body>

    <button type="button" onclick="myFunction()">Click Me!</button>
    </body>
    </html>

【问题讨论】：

标签： javascript html pdf pdfmake

【解决方案1】：

这个问题在较新版本的 pdfMake 中得到解决，请确保您使用最新版本，它会正常工作。

function myFunction() {
  var docDefinition = {
    watermark: 'test',
    background: 'simple text',
    content: 'This is an sample PDF printed with pdfMake'
  };
  pdfMake.createPdf(docDefinition).download('Report.pdf');
}

<script src='https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.31/pdfmake.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.31/vfs_fonts.js'></script>

<button type="button" onclick="myFunction()">Click Me!</button>

【讨论】：