带斜杠的边框半径在 React-pdf 中不起作用

Question

我知道我们可以在CSS中为半圆设置

border-radius: 4px/2px

。 但它在 React pdf 中不起作用。

我尝试过这些。

你好

我导入了所有 React pdf 元素。但是当我尝试上述设计时，我在控制台中收到错误。

错误是

@react-pdf_renderer.js?v=e8b1cced:113701 Error: unsupported number: NaN
at number2 (@react-pdf_renderer.js?v=e8b1cced:58798:11)
at PDFDocument2.lineTo (@react-pdf_renderer.js?v=e8b1cced:59998:28)
at clipNode2 (@react-pdf_renderer.js?v=e8b1cced:32924:7)
at renderBackground3 (@react-pdf_renderer.js?v=e8b1cced:34087:5)
at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34139:3)
at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12)
at Array.forEach (<anonymous>)
at renderChildren2 (@react-pdf_renderer.js?v=e8b1cced:34125:12)
at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34145:5)
at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12)

有人可以帮忙吗

Answer 1

测试此类语法的最简单方法是在 repl 中https://react-pdf.org/repl

简短的回答是 4px/2 不是单个 px 值，因此 = NAN

使用任何其他单个愚蠢的数字即可。