CSS html2pdf - Border Image (für runde Fotos)?

[Dsimon24]

Hallo zusammen,

ich versuche gerade etwas mit html2pdf zu realisieren. Dort möchte ich ein Foto rund
machen (radius = 50%). Leider wird es nicht umgesetzt. Vielleicht hatte schon mal jemand
das Problem und konnte es lösen? Das Bild erscheint bei mir leider weiterhin als Viereck.

VG, David

 

[Cool Master]

Der Befehl stimmt nicht ganz

.klasse{border-radius:50%;}

 

[Dsimon24]

Hmm, dann müsste ich border-radius:50% ja auch per Inline direkt
in img-Tag einbinden können, oder? Das macht der nämlich nicht.

 

[AlterHaufen]

Also ich wüsste nicht, warum das nicht gehen sollte.
Du musst natürlich auch inline dann das style Arrtibut setzen.

style="border-radius: 50%"

Das entspricht dann

<style> img { border-radius: 50%; } </style>

 

[Cool Master]

Wie schon gesagt wurde, würde dies auch inline gehen. Ergibt aber kein echten Sinn dies zu machen. Ich würde einfach eine Klasse anlegen z.B. "img-border" und dies allen Bildern verpassen welche abgerundet werden sollen. Das kann zur Not auch automatisiert werden.

 

[Dsimon24]

Ich habe jetzt rausgefunden, dass es auf ganz normaler Weise (also als HTML-Page) funktioniert. Leider aber nicht in Verbindung mit html2php. Genau so bekomme ich da im Übrigen auch den Table-Border nicht schmal - der setzt ne fette Linie da rein, als Border. Hab mit html2pdf vielleicht in Bezug darauf schon jemand Erfahrung gemacht?

 

[Dsimon24]

So, den Table-Border konnte ich jetzt mittels 0.1px als Wert recht
schmal bekommen. Warum sowas funktioniert ist mir zwar nicht
so begreiflich, aber nun ja. Nun habe ich aber noch immer das
Problem mit den runden Bildern.

 

[Cool Master]

Du hast schon eine print.css eingebunden für den PDF druck oder? Wenn nein musst du das einbinden dann geht es auch bei der Druck-Funktion.

 

[Dsimon24]

Ja, folgender Code habe ich dazu eingebunden:

<style type="text/css">
  @media print {
    .bew_pic {
      border-radius: 50%;
    }
  }
</style>

Und dem img-Tag dann die Klasse gegeben.
Funktioniert aber leider noch immer nicht,
wenn ich das PDF-Dokument erzeuge.

 

[Cool Master]

Hmm dann kann ich dir nicht mehr weiterhelfen. Hört sich dann nach einem Bug oder einer fehlerhaften Implementierung an. Hier geht es z.B. ohne Probleme:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_rounded_images