个人中心
gpt4 book ai didi

css - 带有 wicked-pdf 的背景图片(水印)

转载 作者：太空宇宙 更新时间：2023-11-03 21:41:04 26 4
gpt4 key购买 nike

我需要在我正在生成并使用 wicked-pdf 转换为 PDF 的各种文档上使用图像作为水印。花了一段时间，但我几乎一切正常。我的 show.pdf.erb 是:

<!DOCTYPE html>
<html>
  <head >
    <style type="text/css">
        <%= Rails.application.assets.find_asset('wicked.css').to_s.html_safe %>
    </style>
  </head>
  <body class='wicked'>
    <div>
        <p><%= "#{Doc.last.contents} ".html_safe %></p>
    </div>
  </body>
</html>

我的 wicked.css 是:

.wicked {
  background-image:url(/assets/test2.jpg);
  background-repeat: no-repeat;
  background-position: 50% -15%;
}

我的 Controller 只是调用:

    render :pdf             => "test2",
        :formats        => [:pdf],
        :show_as_html       => true

一切正常。从数据库中提取的水印和文本正确显示。但是，当我从 Controller 中删除“show_as_html”时，水印消失，只有文本显示为 PDF。同样，如果我添加“save_to_file”，文件保存时只有文本，没有水印。我对我可能做错了什么感到困惑。我在任何日志中都找不到任何错误。感谢您的任何建议。

最佳答案

我使用 SASS asset-data-urlrelative-asset-path 解决了这个问题，也许你可以使用这样的东西:

background-image: asset-data-url('test2.png')

关于css - 带有 wicked-pdf 的背景图片(水印)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23599227/

26 4 0
文章推荐： python - 我想使用 python opencv 模块以特定时间间隔保存视频帧
文章推荐： python - 如何在 python 中使用 pickle 保存带有列表的对象？
文章推荐： python - 如何在图像的特定区域应用膨胀？
文章推荐： c# - 在带有 Winforms 的 Visual Studio 2010 中将字符串与控件相关联的编程高效方法
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com