Как я могу использовать летающую тарелку, чтобы показать изображение, которое занимает верхнюю часть страницы?

Я пытаюсь использовать летающую тарелку с itext 5 для создания pdf, который содержит текст, а также некоторые изображения, которые занимают всю верхнюю половину страницы, включая поля. Используя свойства css для ширины и высоты, а также путем создания плавающего изображения, я могу получить изображение, отображаемое в верхней части страницы, но оно все еще (конечно) в пределах страницы. Когда я пытаюсь обойти это с, скажемКак я могу использовать летающую тарелку, чтобы показать изображение, которое занимает верхнюю часть страницы?

margin-top: -1in;

Изображение перемещается не в полях текущей страницы, а в предыдущую страницу.

Как сделать изображение перемещающимся в поля страницы?

источник

2013-04-22 Micah Hainline

Если ваше изображение определено в body страницы HTML, я не знаю, как его переместить в полях.

Однако вы можете указать свое изображение в качестве фона на странице.

Это было бы что-то вроде:

@page { 
    size: A4; 
    margin: 20mm; 
    background-image:url('http://xxx/your-image.png'); 
    background-repeat:no-repeat 
}

В этом случае логотип размещается в левом верхнем углу страницы, начиная внутри полей.

Обратите внимание, что даже с опцией no-repeat изображение повторяется на каждой странице документа PDF.

Если вам нужно вывести изображение только на первой странице, я хотел бы предложить другой подход: определить конкретный заголовок для первой страницы.

Например, как это:

<html> 
<head> 
<style> 
    @page { 
     size: A4; 
     margin: 25mm; 
    } 
    /* Display header only on first page */ 
    @page :first { 
     @top-center {content: element(header);} 
    }  
    #header { 
     position: running(header); 
     height:25mm; 
     margin-left:-25mm; 
    } 
</style> 
</head> 
<body> 
    <div id="header"> 
     <img src="http://xxx/your-image.png" /> 
    </div> 
</body> 
</html>

Заголовок будет начинается на полях и пролеты на теле страницы. Поскольку он определен только для первой страницы, он не будет повторяться.

источник

2013-04-22 15:57:01 obourgain

Спасибо за информацию, но этот конкретный трюк не будет служить моим целям, так как мне нужно, чтобы изображение появлялось только один раз. –

К счастью, я подумал об альтернативе, так как я отправляю свой первый ответ. Я обновил его, и я надеюсь, что он решит вашу проблему. – obourgain

Как я могу использовать летающую тарелку, чтобы показать изображение, которое занимает верхнюю часть страницы?

ответ

Смежные вопросы