在 wicked_pdf 中显示签名板 - Rails答案

【问题标题】：Display Signature Pad in wicked_pdf - Rails在 wicked_pdf 中显示签名板 - Rails
【发布时间】：2014-05-05 07:43:37
【问题描述】：

在 Rails 中，我已正确设置视图以使用 Signature Pad 显示捕获的签名

我现在想生成一个显示签名的 pdf。签名是 json 在我的 postgresql db 中保存为字符串，如前所述，它将在 html 视图中生成正常，问题在 pdf 中生成。

我相信我已经为 wicked_pdf 正确包含了必要的资产：

<%= wicked_pdf_stylesheet_link_tag "application" %>
<%= wicked_pdf_javascript_include_tag "application" %>

我也尝试过将js直接包含在pdf视图中：

<head>
  <script>
    function draw_signature() {
      var sig = $('#signature').val();
      if (typeof(sig) != 'undefined' || sig != null)
      {
        $('.sigPad').signaturePad({displayOnly:true}).regenerate(sig);
      }
    }
  </script>
</head>
<body onload="draw_signature()">
  <%= hidden_field_tag("signature", @customer.signature, :id => "signature") %>
    <div class="sigPad signed">
      <canvas class="pad" width="400" height="140"></canvas>
    </div>

【问题讨论】：

您找到解决问题的方法了吗？我也面临同样的问题。
我不记得很抱歉。这是来自我不再使用的旧应用程序，需要一些时间才能正确设置以进行测试。我刚刚检查了代码，它与我上面粘贴的相同。如果您弄清楚了，请在此处发布答案，我会接受。谢谢。

标签： ruby-on-rails wicked-pdf

【解决方案1】：

我能够让您的上述示例与 gem 版本一起使用： wicked_pdf (1.0.6)

修改包含标签以引用最新的 Jquery CDN，也是 vendor/assets 目录中提供的 Jquery 签名库。

请参阅下面的工作代码：

<%= wicked_pdf_javascript_include_tag "https://code.jquery.com/jquery-3.1.1.min.js" %>
<%= wicked_pdf_javascript_include_tag "jquery.signaturepad.min" %>
<script type="text/javascript">
  $(document).ready(function(){
    var signature = $('#signature').val();
    if (typeof(signature) != 'undefined' && signature != null && signature != "")
    {
        $('.sigPad').signaturePad({displayOnly:true}).regenerate(signature);
    }
});
</script>


<body>
  <%= hidden_field_tag("signature", @customer.signature, :id => "signature") %>
    <div class="sigPad signed">
      <canvas class="pad" width="400" height="140"></canvas>
    </div>
</body>

Jquery 签名库也包含在资产预编译列表中，可作为单独的资产使用：

config/initializers/assets.rb Rails.application.config.assets.precompile += ['jquery.signaturepad.min.js']

【讨论】：