加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ruby-on-rails – 在wicked_pdf中显示签名板 – Rails

发布时间:2020-12-17 02:22:32 所属栏目:百科 来源:网络整理
导读:在Rails中,我已正确设置视图以使用 Signature Pad显示捕获的签名 我现在想生成一个显示签名的pdf.签名是json在我的postgresql数据库中保存为字符串,如上所述,它将在html视图中生成,问题是以pdf生成. 我相信我已经为wicked_pdf正确包含了必要的资产: %= wick
在Rails中,我已正确设置视图以使用 Signature Pad显示捕获的签名

我现在想生成一个显示签名的pdf.签名是json在我的postgresql数据库中保存为字符串,如上所述,它将在html视图中生成,问题是以pdf生成.

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

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

我还试图直接在pdf视图中包含js:

<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>

解决方法

我能够让你的上面的例子使用gem版本:
wicked_pdf(1.0.6)

修改include标记以引用最新的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",:id => "signature") %>
    <div class="sigPad signed">
      <canvas class="pad" width="400" height="140"></canvas>
    </div>
</body>

Jquery签名库也包含在资产预编译列表中,可作为单个资产使用:

配置/初始化/ assets.rbRails.application.config.assets.precompile = [‘jquery.signaturepad.min.js’]

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读