Question

我正在使用 pdfmake 库在Javascript中构建pdf。我收到页面布局的json数据以及需要显示的文本/图像。我的问题是，要让pdf识别页面上两个或两个以上的文本/图像彼此相邻，您必须像这样构造内容：

content: [
    {
        alignment: 'justify',
        columns: [
            {
                text: 'Lorem ipsum dolor ..'
            },
            {
                text: 'Lorem ipsum dolor ..'
            }
        ]
    }]

有关参考，请参见this链接。（在列下）

换句话说，我需要过滤具有相同 y 值的项目的布局，并为每个项目构造一个带有文本/图像的列。我已经有使用我接收到的数据并构造 content 的有效代码，但是似乎无法弄清楚如何为彼此相邻的项目过滤数据。

我收到的数据如下：

[
 {
  height: 8,
  width: 12,
  x: 0.
  y: 1,
  type: 'text',
  text: 'Testing',
  textType: 'heading1'
 },
{
  height: 6,
  width: 12,
  x: 0.
  y: 2,
  type: 'text',
  text: 'Testing_again',
  textType: 'paragraph'
 },
{
  height: 6,
  width: 12,
  x: 0.
  y: 2,
  type: 'text',
  text: 'Testing_once_again',
  textType: 'paragraph'
 }
]

因此在上面的示例中，我完成的内容应该如下所示：

content: [
    {
        text: 'Testing'
    },
    {
        alignment: 'justify',
        columns: [
            {
                text: 'Testing_again'
            },
            {
                text: 'Testing_once_again'
            }
        ]
    }]

换句话说，所有具有相同y值的对象都应放在列中。任何帮助实现这一目标将不胜感激。

注意： 这是我的第一篇文章，所以如果需要添加或以更好的方式进行解释，请告诉我。 TIA

为包含相同键：值对的对象过滤对象数组

0 个答案: