Aller au contenu

Impression d'une image, à partir d'une page web


Sujets conseillés

Posté

Bonjour.

J'ai une image, de 460px sur 270px. Je l'affiche sur une page web, et souhaite proposer son impression via un onclick="window.print()".

De plus, je place du texte sur l'image.

Or, mon image ne conserve pas ses dimensions à l'impression, qui les diminuent.

Je possède une feuille de style dédiée au print, sans grande réussite

Ma question est simple: comment fait-on pour conserver la dimension d'une image, si l'on souhaite l'imprimer par cette méthode?

le code:

<div id="corps">
<div style="position:absolute;top:0px;left:0;width:460px;height:270px;margin:0;padding:0; ">
<img src="kidcard/background/KidCard_Verte.jpg" alt="" />
<img src="kidcard/1_card.jpg" style="position:absolute;width:126px;height:162px;top:57pt;left:36pt;" alt="" />
<p style="font-family:Arial, Helvetica, sans-serif;color:#41722d;font-weight:bold;position:absolute;top:50pt;left:170pt;font-size:20pt;margin:0;padding:0; ">blobla</p>
</div>
<form action="" method="post" style="position:absolute;left:500px;top:50%;width:120px; ">
<input style="margin-bottom:15px; " name="print" onclick="window.print()" type="image" src="images/imprim.gif">
<input name="close" onclick="window.close()" type="image" src="images/close.gif">
</form>
</div>

Merci de vos réponses

xpatval

Posté

Hum l'affichage est en pixel mais l'impression est en centimètre...

Tu veux imprimer comme elle apparait sur l'écran, c'est ca?

Posté

Non, justement, je souhaite l'imprimer en conservant sa taille en cm. En prenant ma petite règle, à l'écran, l'image a la bonne dimension en cm, bien que celle-ci soit exprimée en px.

Lors de l'impression, je souhaite respecter cette taille en cm.

Là où je pêche, me semble-t-il, c'est dans l'attribution des unités, pour le print: en px, en pt ?

Posté

Bonne question mais ton image n'aura pas la même taille si tu es en 800X600 ou 1600X1200..

Dans le second cas, ton image sera 3 fois plus petite :)

Posté

Donc, il n'y a pas de possibilité de "bloquer" le format, pour le print ?

Posté

Tu peux bloquer le format en mettant un width mais tu n'auras pas la même longueur en centimètre que sur l'écran

Posté

C'est malheureusement ce que j'ai pu constater...

Pas cool, tt ça...

Merci à toi

Posté

Tu peux toujours faire des tests d'impression...

Si tu imprimes une image en 100px, combien cela fait il de centimètre? Ensuite, tu fais un produit en croix...

Posté
Tu peux toujours faire des tests d'impression...

Si tu imprimes une image en 100px, combien cela fait il de centimètre? Ensuite, tu fais un produit en croix...

C'est un souk pas possible, en fonction des navigateurs. je n'ai pas les mêmes résultats sous ie ef ff, par exemple. Et en fonction d'un media=print, là encore, les dimensions varient.

Peut-être en passant par une solution alternative, du genre génération d'un fichier pdf avec l'image, et imprimer le doc pdf ?

Posté

Tu peux aussi travailler sur la résolution en DPI de l'image, c'est au final elle qui va imposer la dimension de l'image imprimée

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...