Log in / Register

Forum › How do I...?

border-radius not working with PrinceXML9

yet
I have the following HTML that you display a portait image cropped circularly with a grey border

<html>
<head>
<style type="text/css">
img {
width: 200px;
height: 200px;
border: solid 5px grey;
border-radius: 50%;
}
</style>
</head>
<body>
<img src="504.png">
</body>
</html>

This works fine with HTML and another PDF converter (PDFreactor) - however PrinceXML 9
seems to ignore the border-radius and just generated a quadradic border around the image.

Bug or feature?
mikeday
Bug, Prince is not supporting percentages on border-radius at the current time.
yet
But even changing to

border-radius: 200px;

does not produce a circled image instead it generates weird artifacts.

  1. 504.pdf‎ 1.1 MB
mikeday
Yes very weird. What if you try 20px?
yet
Not much better (with 100px)
  1. 504.pdf‎ 1.1 MB
mikeday
Ah, Prince does not clip the image at the rounded border.
yet
...which is a fat bug.
mikeday
I'll update the roadmap. :)
dmitri
This is the last feature I need for my business before I can use Prince. As soon as you guys get this feature added I am becoming a customer! Really appreciate it, thanks!
mikeday
We have an alpha version available now which has many improvements to border radius.
mikeday
Prince 10 is now available and includes these improvements to border radius.