Impression d'une image

bossboss · 3 Juin 2016

Hello toutes et tous.

Petit soucis où je me casse la tête sans arriver à une bonne soluce.

j'aimerai via un bouton imprimer lancer impression d'une image en sa taille REELLE.

J'ai le bouton, via le code javarscript je lance l'impression en créant une pseudo page

Code:

.....
      var headstr = "<html><head><title></title></head><body>";
      var footstr = "</body>";
       var newstr = document.all.item(divID).innerHTML
       var oldstr = document.body.innerHTML;
       document.body.innerHTML = headstr+newstr+footstr;
       window.print();
       document.body.innerHTML = oldstr;
       return false;....

ou divID est un div dans ma page en display none de ce style

Code:

<div id="divID">
 <<img src="chemin de mon image" />
</div>

Dans le css je déclare le média print

Code:

@media print {
  body * {
    position: absolute;
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	#width: 100%; 
	#height: 100%;
    #text-align: center;
  }
  img{
  	width: 100%; 
	height: 100%;
  }
}

Mais rien n'y fait, j'ai mon image qui est étendue vers le bas avec le bon heigth mais pas sur la largeur et si j'enlève le médiaprint du css elle s'imprimer sous une dimension réduite. Je n'arrive pas à imprimer en taille réelle

Auriez vous une piste pour moi voir une autre méthode d'impression?

Merci à vous tous

spout · 3 Juin 2016

Transformer l'image en SVG qui accepte des dimensions en cm ?

bossboss · 3 Juin 2016

Je ne sais pas trop spout ,

J'aimerai à arriver au même effet que quand tu réalises un clic droit/imprimer dierctement sur une image, dans ce cas, elle s'imprime dans les bonnes dimensions mais dès que tu crées une pseudo page en javascript pour imprimer image les dimensions ne sont pas identiques. Bon je laisse ça en TO DO, qi un jour je trouve l'astuce, je reviendrai vers le post.