Question

我最近开始欣赏名为http://lindell.me/JsBarcode/的条形码生成器 - 但问题是，我需要将这些条形码包含在生成的pdf中进行打印，不幸的是，无论我尝试什么那一刻，我无法在pdf中生成条形码。

目前我使用：barryvdh / laravel-dompdf来生成我的PDF，虽然它可以很好地加载图像，但我不确定它是否有可能让我的javascript执行然后继续创建pdf从那以后。

如果不可能，这里有人对我应该做什么有任何建议吗？

目前我的条码图像使用以下格式生成：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARQAAACOCAYAAADw+vfoAAALl0lEQVR4nO2c4XFi5xJEbyJEQipEolSIhEzI5r5fvJJZLjOz/R03uLqr9MNeidMzTPdKAnvboyiKFmlzG4ii6L+jFEoURcuUQomiaJlSKFEULVMKJYqiZUqhRFG0TCmUKIqWKYUSRdEypVCiKFqmdqFs27Zv2/GnP//545+fP6Z//reP3/VH+aX4U9708f5tPuVv1T4+bf6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6sUCuSX4k95VGBdgVL3r96be/6KR/G7SqFAfin+lEcF1hUodf/qvbnnr3gUv6v5V0RRFB0ohRJF0TKlUKIoWqYUShRFy5RCiaJomVIoURQtUwoliqJlSqFEUbRMKZQoipYphfIFut1u/3g34+l0an/N5XIZsX5+fvZt2/br9dr6vOodlff7/fBdme8Y3cePPkt5pj5c1+v1j0A9wvZK5/P5/6VzvV7HhbJt234+n8uw/37c2+12WHL3+71VgH/7+NFnKYXy4TqdTvv9fv/j318ul/3n5+ft104L5RHky+VyWCi3220/n88vv/bV10wLZfr40WcphfKlut1uZVlMC2Xbtv1+v78tlHfF8aoIpoUyffzos5RC+VJdr9fyb+xJofz+juddoZzP55ffMe37/vLHsGmhTB8/+izlGfpSdYqiWyiPX5z+fuzVhfL4XdDj4+jHtRTKdyvP0BfqfD7vt9ut/LxuoTz/PqYqlCP2UeAfv+h9x1QeP/oc5Rn6MlWvwPxWp1CevzvZ9/WFcqRXPwqlUL5beYa+SI8fHbrqFMqrgvq3CuXVjzcplO9WnqEv0el0av2Y81udQjmdTodvPHv1tStfhXn1knhe5flupVC+QN3fmTzrb97Ytu/vv0N5vKz8rKMiOPqu4ujNatPHjz5LKZQP11G4O39jE4Wy73+G+52Xx6s7vwvx8Z8FHJXk5PGjz1IK5YP1/FLr88erkD3eel/9X81f6flr35XR8+dWevZx9NLw3z5+9BnKMxVF0TKlUKIoWqYUShRFy5RCiaJomVIoURQtUwoliqJlSqFEUbRMKZQoipYphRJF0TKlUKIoWqb/ASUc+UUVgcuEAAAAAElFTkSuQmCC

更新

这是来自我的控制器，它需要PDF：

  public function downloadPDF(Shipment $shipment){
            $shipment_details = $shipment->shipment_details;


      $pdf = PDF::loadView('shipments.pdf', compact('shipment','shipment_details'));
     return $pdf->stream('shipment'.$shipment->url_string.'.pdf');
        }

这就是使用提供的JsBarcode脚本创建图像的方法：

<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="/dist/JsBarcode.all.js"></script>

    <script>
        Number.prototype.zeroPadding = function(){
            var ret = "" + this.valueOf();
            return ret.length == 1 ? "0" + ret : ret;
        };
    </script>
</head>

并在主体中：

<img id="barcode3"/>
<script>JsBarcode("#barcode3", "{{$shipment->pro_number}}", {
    format:"CODE39",
    displayValue:true,
    fontSize:20
});</script>

现在，我知道该脚本有效，因为我已在其他页面上使用它并且条形码生成得很好，所以我不知道在哪里找到问题。

Answer 1

检查问题是否与首先渲染图像有关的一种方法是使用setTimeout延迟PDF调用。如果这样可行，则可以考虑将其保持原样或探索其他方法，例如回调或承诺。

setTimeout(function(){
  var element = document.getElementById("WHOLE_DOCUMENT");
  JsBarcode(element, "Hi!");
},2000) //2000 = 2 seconds

Laravel - 在加载Javascript后生成PDF

更新

1 个答案: