Просмотр исходного кода

limit size of media elements when printing to pdf

Hakim El Hattab 11 лет назад
Родитель
Сommit
54e256764c
2 измененных файлов с 3 добавлено и 1 удалено
  1. 0 1
      css/print/pdf.css
  2. 3 0
      js/reveal.js

+ 0 - 1
css/print/pdf.css

@@ -142,7 +142,6 @@ ul, ol, div, p {
 }
 .reveal img {
 	box-shadow: none;
-	max-height: 80%;
 }
 .reveal .roll {
 	overflow: visible;

+ 3 - 0
js/reveal.js

@@ -461,6 +461,9 @@
 		// Let the browser know what page size we want to print
 		injectStyleSheet( '@page{size:'+ pageWidth +'px '+ pageHeight +'px; margin: 0;}' );
 
+		// Limit the size of certain elements to the dimensions of the slide
+		injectStyleSheet( '.reveal img, .reveal video, .reveal iframe{max-width: '+ slideWidth +'px; max-height:'+ slideHeight +'px}' );
+
 		document.body.classList.add( 'print-pdf' );
 		document.body.style.width = pageWidth + 'px';
 		document.body.style.height = pageHeight + 'px';