dompdf icon indicating copy to clipboard operation
dompdf copied to clipboard

"border-radius" handling

Open hakimio opened this issue 9 years ago • 5 comments

Using "border-radius: 50%;" CSS in all major browsers will produce a circle. The same CSS in dompdf, produces a quarter of a circle. It's not only incorrect percentage value handling, but the same bug can also be reproduced using pixels.

hakimio avatar Apr 03 '17 12:04 hakimio

Using border-radius:50px on a div of width and height 100px gives me a circle in dompdf version 0.8.0

Use the border-radius = [ Half the value of width of div ]px. ( Gives a circle, this is a trick in css )

singhimalaya avatar May 04 '17 04:05 singhimalaya

This works for circle, but not for ellipse.

technoknol avatar Oct 30 '17 10:10 technoknol

@bsweeney, I have noticed that recently too, percentage handling is borked here.

Emdek avatar Dec 14 '20 08:12 Emdek

+1

Micu22 avatar Sep 20 '21 19:09 Micu22

With #2606, percentage values are now resolved relative to the width of the element. For rendering ellipses, support for per-axis radii is still missing.

Mellthas avatar Oct 14 '21 21:10 Mellthas