En programmant créer une image à partir de la page web ou une DIV

Est-il possible de créer par programmation (client ou côté serveur (PHP)) une image à partir d'un DIV ou un (web) page? Je suis en train de créer un site web gratuitement des coupons de réduction et l'idée, c'est quand l'utilisateur clique sur le bouton "Imprimer", l'application ouvre un nouvel onglet/fenêtre avec les coupons en une seule image (JPG, PNG ou etc..), au format A4, prêt pour l'impression. Chaque coupons a ses propres données (nom de l'Article, prix, description, etc..) donc j'ai besoin qu'il soit fait programmaticaly sur un coupon-modèle que j'ai conçu.

Je ne vous demande pas d'écrire du code pour moi, juste de proposer une solution que je pourrais utiliser/développer. Si ce n'est déjà le cas, je vais envoyer/publier gratuitement 🙂

Mise à jour: je l'ai fait avec du PHP GD library 🙂 Toujours pas d'accord avec l'idée d'utiliser des Images au lieu de PDF, parce que chacun des résultats d'impression avec différents Coupon tailles (en images) sur différents PC. C'est pourquoi le PDF serait peut être une meilleure solution. Vous pouvez voir/tester sur la démo.svikuponi.ba - il suffit de sélectionner quelques Coupons de réduction et cliquez sur le PRINTAJ bouton ci-dessus.

Il serait de loin préférable (et plus facile) de sortie des fichiers PDF au lieu d'images; il ya beaucoup de méthodes que de le faire soit à partir de PHP ou par la conversion de HTML.
Le site devrait être aussi simple qu'il peut obtenir, je l'ai conçu de sorte que les plus âgés (pas expirienced) les gens pourraient faire les étapes simples: la sélection et l'impression de coupons. C'est pourquoi je préfère le format de l'image (le fichier PDF devez avoir installé Adobe et finalement, le navigateur peut afficher la fenêtre popup de téléchargement (crois moi, j'ai vu quelques personnes se perd par tous 🙂 ).
L'image soultion serait juste: Appuyez sur: Ctrl + P
Si c'est le problème, pourquoi ne pas simplement ouvrir une impression optimisée (via CSS) page directement? Comme Google, RyanAir et sur tout le monde.

OriginalL'auteur AlenBer | 2012-01-05

  1. 4

    Vous ne pouvez pas créer une image à partir div sûr, mais oui, vous pouvez créer des images dynamiques en php à l'aide de sa bibliothèque gd.
    Liens suivants pour vous aider:

    http://php.net/manual/en/function.imagecreate.php

    http://phptutorial.info/learn/create_images/

    Je vais donner le premier lien de l'essayer, il semble être une solution simple 🙂 Merci à tous pour les réponses grands.
    Cheers mate. 🙂

    OriginalL'auteur Mehul Hingu

  2. 4

    Ici est un excellent moyen pour vous de créer des images sur le côté client: http://smus.com/screen-capture-for-chrome-os

    Vous pouvez profiter de cette et de créer une application web qui fonctionne bien sur webkit (pour les autres navigateurs je vais regarder JS polyfills).

    OriginalL'auteur Ido Green

  3. 4

    Quelqu'un mentionner html2canvas et/ou jsfeedback ?

    - Il créer une page de capture d'écran entièrement en javascript, alors vous pouvez envoyer au serveur via ajax..

    Évidemment, le support de CSS manque certaines choses.

    cette méthode devrait rendre la page côté client AVANT la capture d'écran peut être pris.

    OriginalL'auteur Strae

  4. 2

    En php, il y a l'image de nombreuses fonctions connexes comme imagettftext() dans la bibliothèque GD
    pour plus de détails, vérifiez http://php.net/manual/en/book.image.php
    si GD n'est pas assez, vous pouvez essayer de imagick ainsi

    pour le modèle, vous pouvez essayer de créer une vraie couleur de la poignée en php à partir de votre fichier(image) et ajoutez le texte ou quelque chose d'autre avec toutes sortes d'effets et de codes à barres, etc.

    mais dans votre cas, je dirais la dynamique de création de PDF depuis qu'elle serait mieux avec mise en forme au lieu de la plaine de l'image, le fichier pdf lib :
    http://www.fpdf.org/

    Est-ce que cela signifie que l'utilisateur final devra avoir installé Adobe PDF !? Je cherchais un format d'image juste parce qu'il n'a pas besoin de tout ce qui est installé execpt le navigateur, et la largeur de la page/hauteur serait également auto-généré si l'utilisateur final ne serait pas vous soucier de priting correctement.
    Je crois que le format PDF est un format largement utilisé et très peu de l'ordinateur ne dispose pas de lecteur PDF, comme flash. mais de toute façon, vous pouvez toujours utiliser ma suggestion sur le GD + image modèle de la partie

    OriginalL'auteur tom91136

  5. 1

    vous pouvez facilement avoir une image de fond de votre jeton/bon et superposition de texte à l'aide de certaines des variables php.

    je crois qu'il est possible de créer un code barre unique avec php imagerie trop.

    J'ai eu la même idée, avoir un modèle par défaut et simplement annuler les données de texte sur elle. Est-il préférable de faire le traitement sur le serveur ou côté en quelque sorte sur le côté client !?
    côté client, permettrait de diminuer la charge du serveur, mais alors tous les utilisateurs ont besoin pour satisfaire le "client side exigences" comme certains l'applet java
    en s'appuyant uniquement sur le client n'est pas toujours une bonne idée, aucune garantie sur le javascript. côté serveur il n'y a plus de charge, mais aussi de vos besoins, de ne pas avoir à attendre très longtemps pour que c'est juste l'écho des variables à l'écran et, éventuellement, la création d'une image. à moins que votre bon d'achat sera téléchargé par des millions je voterais côté serveur.

    OriginalL'auteur Benny

  6. 1

    Il est possible d'obtenir un capture d'écran à partir d'une page web, mais cela est assez embêtant. Vous avez besoin pour démarrer un navigateur web pour afficher la page et obtenir une capture d'écran.

    Vous êtes probablement mieux de par l'analyse des spécifications et de l'alimentation à un couple de GD ou Imagick fonctions. C'est moins polyvalent, mais plus facile à gérer.

    OriginalL'auteur Sjoerd