如何解决打印为pdf图像无法正确显示
我制作了.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 举报,一经查实,本站将立刻删除。