如何在Laravel Dompdf中添加彩色SVG并解决黑白显示问题

以下是几种可行的解决方法，按优先级尝试：

• 内联SVG的颜色属性
  打开你的SVG文件，确保所有需要彩色的元素（比如<path>、<circle>）都直接设置了fill或stroke属性，不要依赖外部CSS或class样式。例如：

  <path d="M10 10..." fill="#2563eb" stroke="#ffffff" />
  

  避免使用fill="currentColor"这类继承性的颜色值，Dompdf对这类属性的支持有限。

• 修改Dompdf配置
  在Laravel项目的config/dompdf.php中，确保以下配置项为true：

  'enable_svg' => true,
  'enable_font_subsetting' => true,
  

  如果没有这个配置文件，可以发布Dompdf的配置：

  php artisan vendor:publish --provider="Barryvdh\DomPDF\ServiceProvider"
  

• 更换SVG的引用方式
  不要用public_path()返回本地路径，改用asset()生成可访问的URL，让Dompdf通过HTTP请求加载SVG，能更好地解析颜色：

  <img class="logo" src="{{ asset('storage/' . $settings['horizontal_logo']) }}" alt="">
  

  或者直接将SVG内容嵌入到Blade模板中，跳过外部文件加载：

  {!! file_get_contents(public_path('storage/' . $settings['horizontal_logo'])) !!}
  

• 检查SVG的颜色模式
  确保SVG没有被设置为灰度模式，有些导出工具会默认将SVG转成灰度，重新导出SVG时选择保留彩色属性。

内容的提问来源于stack exchange，提问作者Mahesh