У меня проблема с Rotativa при создании PDF с изображением внутри и данными. Проблема в том, что текст не двигается, а изображение обрезается. В настоящее время я пытаюсь сделать это с css, но я не нашел решение, которое работает. Не говоря уже о том, что изображение обрезано. Любое предложение?
Css код:
body {
background-image: url(/Images/image.png);
height: 100px;
width: 50px;
background-repeat: no-repeat;
}
p.p1 {
height: 100px;
width: 300px;
top: -50px;
}
p.p2 {
height: 150px;
left: 50px;
position: relative;-
top: -50px;
width: 150px;
}
Html Код:
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Pdf</title>
<link rel="stylesheet" href="~/Estilos/StyleSheet.css" />
</head>
<body>
<div>
<form id="form" method="get" action="/Home/Pdf">
@foreach (var item in Model)
{
<p class="p1">@Html.DisplayFor(modelItem => item.Apellido), @Html.DisplayFor(modelItem => item.Nombre)</p>
}
</form>
</div>
</body>
</html>
Описательное изображение:
Изображение занимает весь файл PDF, но там вы видите только верхнюю часть изображения ...