如何在标记中使用绝对路径添加背景图像

所以我使用pdfkit gem来制作pdf。以下是使其工作的典型语法 <%= image_tag("#{Rails.root}/public/images/signature-white.png", class: "signature", alt: "signature")%>

它要求我们给出图像所在位置的绝对路径,以及图像所在的位置 public

现在我必须在标记中动态添加背景图像

我想出了这个

<div style="background-image: url('/images/background.png')">
</div>

这很好,如果它是一个网页。然而,这个 pdfkit 要求路径是绝对路径,我对如何使用 url helperpublic/images/background.png使用绝对路径访问图像一无所知

格雷格·纳维斯

您需要使用该file方案,如file:///home/gregnavis/images/background.png.

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在没有绝对路径的Java项目中使用图像

来自分类Dev

在使用ParcelJS构建的Cypress测试中,如何在绝对路径中使用导入?

来自分类Dev

如何在Angular JS中使用data-ng-src绑定绝对路径

来自分类Dev

如何在Windows File Explorer中使用绝对路径

来自分类Dev

如何在WPF项目中使用具有绝对路径的Image?

来自分类Dev

如何在Windows中使用绝对路径形成FTP URL?

来自分类Dev

如何在Linux中使用'find'命令获取找到的文件的绝对路径?

来自分类Dev

如何在 Katalon Studio 中使用 TestDataFactory 获取绝对路径

来自分类Dev

如何在unix中使用expr从存储在变量中的文件的绝对路径名中提取父目录?

来自分类Dev

如何在PowerShell中基于相对路径或绝对路径获取绝对路径?

来自分类Dev

在绝对路径中使用通配符创建文件

来自分类Dev

在 Angular 2 + Electron 中使用绝对路径

来自分类Dev

Rails:在 Rails 6 中使用绝对路径

来自分类Dev

如何在Create React App项目中避免很长的路径并使用绝对路径?

来自分类Dev

如何在Gruntfile中访问Gruntfile的绝对路径?

来自分类Dev

如何在Android中获取视图的绝对路径?

来自分类Dev

如何在bash提示中显示绝对路径?

来自分类Dev

如何在Java中获取绝对路径

来自分类Dev

JavaScript:cssText属性,如何获取在FireFox中使用外部资源的样式的绝对路径?

来自分类Dev

如何使用绝对路径读取配置文件?

来自分类Dev

如何使用绝对路径从Java运行Python文件?

来自分类Dev

如何使用Delphi获取INI文件的绝对路径?

来自分类Dev

如何使用文件的绝对路径打开文件?

来自分类Dev

如何获得gulpfile的绝对路径?

来自分类Dev

如何获取文件的绝对路径

来自分类Dev

如何在WordPress中将相对路径更改为绝对路径?

来自分类Dev

字体使用绝对路径

来自分类Dev

使用 Pathlib 确定绝对路径

来自分类Dev

如何获取具有绝对路径的文件的InputStream并将其添加到StreamedContent对象,以便在ap:fileDownload中使用它?

Related 相关文章

  1. 1

    如何在没有绝对路径的Java项目中使用图像

  2. 2

    在使用ParcelJS构建的Cypress测试中,如何在绝对路径中使用导入?

  3. 3

    如何在Angular JS中使用data-ng-src绑定绝对路径

  4. 4

    如何在Windows File Explorer中使用绝对路径

  5. 5

    如何在WPF项目中使用具有绝对路径的Image?

  6. 6

    如何在Windows中使用绝对路径形成FTP URL?

  7. 7

    如何在Linux中使用'find'命令获取找到的文件的绝对路径?

  8. 8

    如何在 Katalon Studio 中使用 TestDataFactory 获取绝对路径

  9. 9

    如何在unix中使用expr从存储在变量中的文件的绝对路径名中提取父目录?

  10. 10

    如何在PowerShell中基于相对路径或绝对路径获取绝对路径?

  11. 11

    在绝对路径中使用通配符创建文件

  12. 12

    在 Angular 2 + Electron 中使用绝对路径

  13. 13

    Rails:在 Rails 6 中使用绝对路径

  14. 14

    如何在Create React App项目中避免很长的路径并使用绝对路径?

  15. 15

    如何在Gruntfile中访问Gruntfile的绝对路径?

  16. 16

    如何在Android中获取视图的绝对路径?

  17. 17

    如何在bash提示中显示绝对路径?

  18. 18

    如何在Java中获取绝对路径

  19. 19

    JavaScript:cssText属性,如何获取在FireFox中使用外部资源的样式的绝对路径?

  20. 20

    如何使用绝对路径读取配置文件?

  21. 21

    如何使用绝对路径从Java运行Python文件?

  22. 22

    如何使用Delphi获取INI文件的绝对路径?

  23. 23

    如何使用文件的绝对路径打开文件?

  24. 24

    如何获得gulpfile的绝对路径?

  25. 25

    如何获取文件的绝对路径

  26. 26

    如何在WordPress中将相对路径更改为绝对路径?

  27. 27

    字体使用绝对路径

  28. 28

    使用 Pathlib 确定绝对路径

  29. 29

    如何获取具有绝对路径的文件的InputStream并将其添加到StreamedContent对象,以便在ap:fileDownload中使用它?

热门标签

归档