问题描述
我制作了.twig视图,可打印为PDF。经过4个月的时间,一切都很好,PDF文件中的徽标丢失了颜色。不知道为什么。 正如您在url中看到的那样,它看起来不错:https://e-gilius.com/image/catalog/gilius_logo.png 尝试将其更改为JPG,但无济于事。 但是当它打印时看起来像这样:
我的树枝:
<!doctype html>
<html>
<head>
<Meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>PDF cart</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap&subset=latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500&display=swap&subset=latin-ext" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
@media print {
@page {
size: letter;
margin: 5px;
}
}
* {
/*font-family: 'Open Sans',sans-serif !important;/*font-family:"DeJaVu Sans Mono",monospace;*/
font-family: 'Montserrat',sans-serif;
font-size: 12px;
}
.img-thumbnail{
display: -dompdf-image !important;
max-height:70px;
max-width:100px;
border: none;
}
#h5{
font-size:12px;
font-family: 'Montserrat',sans-serif;
}
h5{
font-size:10px;
font-family: 'Montserrat',sans-serif;
}
#logo{
position: absolute;
right: 0;
top: 0;
height: 80px;
width: 80px;
z-index: 9999;
}
.break {
page-break-after: always;
}
</style>
</head>
<body>
<div style="display: flex; flex-wrap: Nowrap;">
<div>
<h3><a href="e-gilius.com">e-gilius.com</a></h3>
{% if customer_name != null %}
<h5>Klientas: {{customer_name}} {{ customer_last_name }}</h5>
{#<h5>{{pdf_lastname}}: {{ customer_last_name }}</h5>#}
{#<h5>{{pdf_email}}: {{ customer_email }}</h5>#}
<h5>Paštas: {{ customer_email }}</h5>
<h5>Telefonas: {{ customer_telephone }}</h5>
<h5>Įmonės kodas: {{custom_field_company_code}}</h5>
<h5>PVM kodas: {{custom_field_vat}}</h5>
<h5 id="date">Dokumento data: {{todays_date}}</h5>
<h5>galioja iki: {{valid_until_date}}</h5>
{% endif %}
</div>
</div>
<img id="logo" src="https://e-gilius.com/image/catalog/gilius_logo.png" alt="logo" />
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)