两段代码导致了相同的结果

<span style='color: rgb(255, 0, 0); ' >  [...]</span>


<div class='tree_vertical_father'> [...] </div>

*where*
.tree_vertical_father {
  background-color: rgba(0, 0, 255, 0.07);
}

不应用背景色,并且字体 colored颜色 为黑色.

PDF是用Grover gem生成的,它使用pupetter和 chromium 来生成一个视图,然后将其转换为PDF.

当在浏览器中生成视图时,所有 colored颜色 都会按预期呈现.

需要什么才能让Chromium接受 colored颜色 样式?

推荐答案

注意media类型,如果您将其设置为screen,则不会在pdf中显示,默认情况下为print:

<span style="color: rgb(255, 0, 0);">[...]</span>
<div class="tree_vertical_father">[...]</div>

<!--                         vvvvvvvv -->
<style type="text/css" media="screen">
  .tree_vertical_father {
    background-color: rgba(0, 0, 255, 0.07);
  }
</style>

默认情况下,背景处于禁用状态:

Grover.new("http://localhost:3000",
  path: "localhost.pdf",
  print_background: true,    # enable backgrounds
  emulate_media: "screen"    # set media if needed
).to_pdf

100

100

Ruby-on-rails相关问答推荐

如何测试自定义路由?

Heroku、Selenium、Chome和Chromedriver的复杂问题(抱歉,无法简单描述,请阅读详细信息)

Rails/Rspec中的测试文章创建

URL 中的 Rails slugs - 使用 Active Record Model Post 的 Title 属性而不是 ID

验证以确保唯一性但忽略空值?

使用 RVM 时如何安装 Ruby gem?

如何让 Rspec 运行嵌套在文件夹下的所有测试?

在 Windows 上安装特定的 Ruby on Rails 版本

删除链接在 Rails 3 视图中发送Get而不是Delete

如何禁用 HTTP 严格传输安全性?

Ruby on Rails 基本概念总结

表单中的第一个参数不能包含 nil 或为空 - Rails 4

如何测试自定义验证器?

Heroku Postgres 错误:PGError:错误:关系组织不存在(ActiveRecord::StatementInvalid)

何时使用 Helpers 而不是 Partials

Rails 3.1 中的 Rails.cache 错误 - TypeError: can't dump hash with default proc

在 Rails 中命名布尔列

Rails - 如何在用户登录时覆盖设计 SessionsController 以执行特定任务?

用于在多行上链接调用的 Ruby 约定

ArgumentError:ApplicationController 的副本已从模块树中删除,但仍处于活动状态