Webseite als Grafik ausgeben

Netdeus · 12.12.2011, 12:06

Hi,

ich habe eine Webseite, die automatisiert gedruckt werden muss. Soweit so gut, doch leider gibt es auf der Seite Tabellen, die dynamisch mit php erstellt werden und die auch Hintergrundbilder enthalten. Diese sollen ebenfalls gedruckt werden. Da dies standardmäßig nicht gemacht wird (weil es eben eine lokale Einstellung am Drucker ist) habe ich mir überlegt, dass es doch möglich sein müsste die gesamte Seite als Bild auszugeben und damit dann eben auch drucken zu können.

Doch leider habe ich kein Script oder ähnliches irgendwo finden können.

Vielleicht hat ja hier jemand einen Tip für mich

viele Grüße

Netdeus

jspit · 12.12.2011, 12:22

und das Erzeugen eines PDF-Files ist keine Option ?

Netdeus · 12.12.2011, 12:32

In der Theorie sicherlich auch möglich, da sprechen eigentlich zwei Dinge dagegen:

1. Benutzer muss natürlich ein PDF Reader installiert haben
2. ich kenne das von meinem eigenen PC, bei dem der Druck eines PDFs manchmal komplizierter ist als der Druck eines Bildes

Generell ist aber auch das eine Idee, PDF erstellen anzeigen und direkt drucken lassen und dann wieder löschen. Aber hier müsste ich nochmal raus bekommen, wie der automatische Druck funktioniert. Bei Bildern oder Webseiten ist das ein ziemlich einfacher Befehl mit Javascript, hab aber (noch) keine Ahnung wie kompliziert das bei PDF Daten ist.

fab · 12.12.2011, 12:45

Wie kommt es denn, dass die Hintergrundbilder unbedingt mit ausgedruckt werden sollen? Hintergrundbilder sollten eigentlich nur Elemente des Screen-Designs sein. Wenn die Bilder allerdings Teil des Inhalts sind, wäre es wohl sinnvoller, sie als <img> einzubinden, dann werden sie auch mit ausgedruckt.

Netdeus · 12.12.2011, 13:12

in diesem Fall nicht so einfach möglich

die Tabelle zeigt ein Bild welches an verschiedenen Stellen Schrift enthalten muss. Diese Schrift ist aber immer unterschiedlich. Daher sind die Bilder (die sich nie ändern) im Hintergrund und die Schrift im Vordergrund. Ohne die Bilder macht aber die Seite kaum Sinn, da die Bilder zum Verständnis dienen. Sie müssen also beim Ausdruck auf jeden Fall enthalten sein.

fab · 12.12.2011, 13:27

Verstehe ich das richtig, du benutzt eine Tabelle mit Hintergrund-Bild dafür, Text an bestimmten Stellen auf dem Bild anzuzeigen? Dafür sind weder Hintergrundbilder noch Tabellen vorgesehen, das würde ich an deiner Stelle erstmal grundlegend ändern, dann musst du auch nicht auf Workarounds wie PDF-Druckversion zurückgreifen.

Eine Möglichkeit:

Code:

<div class="img-wrapper">
  <img src="">
  <div id="img-caption-1">1. Beschriftung</div>
  <div id="img-caption-1">2. Beschriftung</div>
  ...
</div>

Code:

.img-wrapper {
  position: relative;
}
.img-wrapper div {
  position: absolute;
}
#img-caption-1 {
  left: 10px;
  top: 10px;
}
#img-caption-2 {
  left: 50%;
  top: 10px;
}
...

Netdeus · 12.12.2011, 13:51

Ne, leider ist das mit Tabellen schon ganz sinnvoll, da ich dadurch auch gleich automatisch Zeilenumbrüche und sowas habe, damit der Text sich nicht mit anderem Text überschneidet. Ich müsste ansonsten auch noch Prüfungen machen, wie groß der Text ist und davon abhängig wo ich ihn platziere. Da ist das so einfacher.
In unserem Fall ist es ein großer Plan einer Industriehalle. Dort kann ich dann an verschiedenen Stellen einen Text zeigen, der sich dann in verschiedenen Planquadraten befindet. Diese sind eben auf einem Plan fest vorgegeben und farblich markiert. Der gesamte Plan ist mit Hilfe von Photoshop eine ganz viele kleine Bilder zerstückelt worden und diese dann eben per Tabelle wieder zusammen gesetzt. So einfach ist die ganze Sache aber beim Ausdruck verschwindet (logischer Weise) eben der Hintergrund und der soll aber mitgedruckt werden.

fab · 12.12.2011, 14:38

Darin sehe ich kein Problem, du musst den jeweiligen divs nur feste Breiten und Höhen zuweisen. Absolute Angaben benötigst du dazu ja sowieso wenn du sagst, dass das Bild zerteilt ist. Wenn du auf die Tabelle partout nicht verzichten willst (ob Planquadrate jetzt tabellarische Daten sind, darüber ließe sich streiten), auch kein Problem:

Code:

<div class="img-wrapper">
  <img src="">
  <table>...</table>
  ...
</div>

Code:

.img-wrapper {
  position: relative;
  width: 500px;
  height: 500px;
}
.img-wrapper img  {
  position: absolute;
  z-index: -1;
}

In jedem Fall gehört das Bild als ganzes in ein <img>-Element und nicht zerstückelt in den Hintergrund.

Netdeus · 12.12.2011, 15:02

getestet habe ich es jetzt mal, aber irgendwie kommt der Text nicht über das Bild sondern bleibt drunter

Arne Drews · 12.12.2011, 17:06

Ich würd zwar auch auf Tables verzichten, aber wenn Du darauf bestehst, solltest Du die Table und das Image jeweils in einen DIV legen und dann über position:absolute; und z-index übereinanderlegen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Integer Variable als Grafik ausgeben...	Abweichler	PHP Tipps 2010	10	22.09.2010 16:35
[Erledigt] Grafik in demselben form wieder ausgeben	Miglo	PHP Tipps 2009	7	14.07.2009 13:12
Wert als Grafik ausgeben	dypor	PHP Tipps 2009	5	05.06.2009 21:31
[Erledigt] Von fremdert Webseite einen Teil String ausgeben	haakon	PHP Tipps 2009	18	05.05.2009 15:55
Banner auf fremder Webseite ausgeben	phpeinsteiger	PHP Tipps 2009	9	21.02.2009 10:46
Texte auf fremder Webseite ausgeben	phpeinsteiger	PHP Tipps 2009	13	06.02.2009 14:26
Koordinaten des Mauszeigers über einer Grafik (Drag&Drop mit jQuery)	anbeck	JavaScript, Ajax und mehr	5	19.01.2009 16:28
Bild erzeugen lassen und in Tabelle ausgeben	maximus	PHP Tipps 2008	7	11.11.2008 20:53
[Erledigt] Grafik in Scheiben schneiden		PHP Tipps 2006	6	02.05.2006 18:23
Grafik über Adresse ausgeben	saibot	PHP Tipps 2007	5	24.11.2005 23:44
Grafik über mehrere Zellen einer Tabelle	neodrei	HTML, Usability und Barrierefreiheit	9	18.08.2005 19:26
Grafik in MySQL und richtig unter php wieder ausgeben!	Boennchen	PHP Tipps 2004-2	4	26.11.2004 15:25
Grafik ausgeben -> nur Zeichnesalat		PHP Tipps 2004	18	01.09.2004 16:03
[Erledigt] Anzahl Datensätze ausgeben mit Grafik Counter ??		PHP Tipps 2004	3	29.08.2004 22:34
Grafik in Grafik einfügen	Filewalker	PHP Tipps 2004	3	20.06.2004 14:04

12.12.2011, 12:06
Netdeus Neuer Benutzer Registriert seit: 11.04.2006 Beiträge: 11	Webseite als Grafik ausgeben Hi, ich habe eine Webseite, die automatisiert gedruckt werden muss. Soweit so gut, doch leider gibt es auf der Seite Tabellen, die dynamisch mit php erstellt werden und die auch Hintergrundbilder enthalten. Diese sollen ebenfalls gedruckt werden. Da dies standardmäßig nicht gemacht wird (weil es eben eine lokale Einstellung am Drucker ist) habe ich mir überlegt, dass es doch möglich sein müsste die gesamte Seite als Bild auszugeben und damit dann eben auch drucken zu können. Doch leider habe ich kein Script oder ähnliches irgendwo finden können. Vielleicht hat ja hier jemand einen Tip für mich viele Grüße Netdeus


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.12.2011, 12:22
jspit Erfahrener Benutzer Registriert seit: 19.08.2011 Beiträge: 701 PHP-Kenntnisse: Anfänger	und das Erzeugen eines PDF-Files ist keine Option ?

12.12.2011, 12:32
Netdeus Neuer Benutzer Registriert seit: 11.04.2006 Beiträge: 11	In der Theorie sicherlich auch möglich, da sprechen eigentlich zwei Dinge dagegen: 1. Benutzer muss natürlich ein PDF Reader installiert haben 2. ich kenne das von meinem eigenen PC, bei dem der Druck eines PDFs manchmal komplizierter ist als der Druck eines Bildes Generell ist aber auch das eine Idee, PDF erstellen anzeigen und direkt drucken lassen und dann wieder löschen. Aber hier müsste ich nochmal raus bekommen, wie der automatische Druck funktioniert. Bei Bildern oder Webseiten ist das ein ziemlich einfacher Befehl mit Javascript, hab aber (noch) keine Ahnung wie kompliziert das bei PDF Daten ist.

12.12.2011, 12:45
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Wie kommt es denn, dass die Hintergrundbilder unbedingt mit ausgedruckt werden sollen? Hintergrundbilder sollten eigentlich nur Elemente des Screen-Designs sein. Wenn die Bilder allerdings Teil des Inhalts sind, wäre es wohl sinnvoller, sie als <img> einzubinden, dann werden sie auch mit ausgedruckt. __________________ PHP Blog + Library CSS Effects + Tools

12.12.2011, 13:12
Netdeus Neuer Benutzer Registriert seit: 11.04.2006 Beiträge: 11	in diesem Fall nicht so einfach möglich die Tabelle zeigt ein Bild welches an verschiedenen Stellen Schrift enthalten muss. Diese Schrift ist aber immer unterschiedlich. Daher sind die Bilder (die sich nie ändern) im Hintergrund und die Schrift im Vordergrund. Ohne die Bilder macht aber die Seite kaum Sinn, da die Bilder zum Verständnis dienen. Sie müssen also beim Ausdruck auf jeden Fall enthalten sein.

12.12.2011, 13:27
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Verstehe ich das richtig, du benutzt eine Tabelle mit Hintergrund-Bild dafür, Text an bestimmten Stellen auf dem Bild anzuzeigen? Dafür sind weder Hintergrundbilder noch Tabellen vorgesehen, das würde ich an deiner Stelle erstmal grundlegend ändern, dann musst du auch nicht auf Workarounds wie PDF-Druckversion zurückgreifen. Eine Möglichkeit: Code: <div class="img-wrapper"> <img src=""> <div id="img-caption-1">1. Beschriftung</div> <div id="img-caption-1">2. Beschriftung</div> ... </div> Code: .img-wrapper { position: relative; } .img-wrapper div { position: absolute; } #img-caption-1 { left: 10px; top: 10px; } #img-caption-2 { left: 50%; top: 10px; } ... __________________ PHP Blog + Library CSS Effects + Tools

12.12.2011, 13:51
Netdeus Neuer Benutzer Registriert seit: 11.04.2006 Beiträge: 11	Ne, leider ist das mit Tabellen schon ganz sinnvoll, da ich dadurch auch gleich automatisch Zeilenumbrüche und sowas habe, damit der Text sich nicht mit anderem Text überschneidet. Ich müsste ansonsten auch noch Prüfungen machen, wie groß der Text ist und davon abhängig wo ich ihn platziere. Da ist das so einfacher. In unserem Fall ist es ein großer Plan einer Industriehalle. Dort kann ich dann an verschiedenen Stellen einen Text zeigen, der sich dann in verschiedenen Planquadraten befindet. Diese sind eben auf einem Plan fest vorgegeben und farblich markiert. Der gesamte Plan ist mit Hilfe von Photoshop eine ganz viele kleine Bilder zerstückelt worden und diese dann eben per Tabelle wieder zusammen gesetzt. So einfach ist die ganze Sache aber beim Ausdruck verschwindet (logischer Weise) eben der Hintergrund und der soll aber mitgedruckt werden.

12.12.2011, 14:38
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Darin sehe ich kein Problem, du musst den jeweiligen divs nur feste Breiten und Höhen zuweisen. Absolute Angaben benötigst du dazu ja sowieso wenn du sagst, dass das Bild zerteilt ist. Wenn du auf die Tabelle partout nicht verzichten willst (ob Planquadrate jetzt tabellarische Daten sind, darüber ließe sich streiten), auch kein Problem: Code: <div class="img-wrapper"> <img src=""> <table>...</table> ... </div> Code: .img-wrapper { position: relative; width: 500px; height: 500px; } .img-wrapper img { position: absolute; z-index: -1; } In jedem Fall gehört das Bild als ganzes in ein <img>-Element und nicht zerstückelt in den Hintergrund. __________________ PHP Blog + Library CSS Effects + Tools

12.12.2011, 15:02
Netdeus Neuer Benutzer Registriert seit: 11.04.2006 Beiträge: 11	getestet habe ich es jetzt mal, aber irgendwie kommt der Text nicht über das Bild sondern bleibt drunter Geändert von Netdeus (12.12.2011 um 15:24 Uhr).

12.12.2011, 17:06
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Ich würd zwar auch auf Tables verzichten, aber wenn Du darauf bestehst, solltest Du die Table und das Image jeweils in einen DIV legen und dann über position:absolute; und z-index übereinanderlegen. __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein