如何将坐标数组格式化为不同的参考点

Question

我环顾四周，找不到关于该主题的任何信息...可能是因为我无法将我的问题准确地迭代到搜索引擎中。

我正在尝试从 dxf 中获取原始线条数据，将其分类为正方形，找到每个正方形的中心，为中心编号，并将结果打印为 pdf。

我有一个类似于下面的数据结构：

[
[{x: 50, y:50}, {x:52, y:52}],
[{x: 52, y:52}, {x:54, y:54}],
[{x: 54, y:54}, {x:56, y:56}]...
]

这些坐标是通过使用 dxf-parser 解析 dxf 获得的，其中 returns 描述直线路径的对象数组。其中四个组合成一个正方形，我使用

对其进行分割

  function chunkArrayInGroups(arr, size) {
    let result = [];
    let pos = 0;
    while (pos < arr.length) {
      result.push(arr.slice(pos, pos + size));
      pos += size;
    }
    return result;
  }

((大小 = 4))

除了这些坐标是在原点位于屏幕中心的情况下创建的之外，这在很大程度上符合预期。我用来创建最终文档的 pdf 库不使用相同的坐标系。我相信它从页面左上角开始原点。这使得我所有的负值（（模型中心左侧的任何东西））都被切断了。

为了解决这个问题，我遍历数组并在一个新数组中收集“0 - 所有 x 和 y 值”，我找到它的最大值来给我偏移量。我将此偏移量添加到我的 x 值，然后再将它们插入我的 pdf 创建器以绘制线条。

我不确定是什么原因造成的，但输出是 'Da Vinci Style' 我喜欢这样称呼它，它旋转了 180 度并向后写入。我认为为每个单元格添加一些值可以解决负面问题......确实如此，但数据仍然与中心原点有关。有没有一种方法可以重新定义此数据以与此库一起使用，或者是否有其他一些库可以在其中绘制此数据并根据我的情况在特定位置添加文本。我想继续使用这个库，因为我将它用于我程序的其他部分，但我愿意接受新的和更有效的想法。

非常感谢您的宝贵时间和专业知识！

应该是什么样子

Source Picture

“达芬奇化”结果

Current Output

代码副本：


const PDFDocument = require('pdfkit');
const doc = new PDFDocument({ autoFirstPage: true })
const DxfParser = require('dxf-parser')

let fileText = fs.readFileSync('fulltest.dxf', { encoding: 'utf-8' })
let data = []
let data2 = []
let data3 = []
let shiftx = []
let shifty = []
let factor = 5
var parser = new DxfParser();
let i = 0
doc.pipe(fs.createWriteStream('test.pdf'));
try {
  var dxf = parser.parseSync(fileText);
  let array = dxf.entities
  array.forEach(line => {
    if (line.layer === "Modules") {
      data.push(line.vertices)
    }
    if (line.layer === "Buildings") {
      data2.push(line.vertices)
    }
    if (line.layer === "Setbacks") {
      data3.push(line.vertices)
    }
    let segment = line.vertices
    segment.forEach(point => {
      shiftx.push(0 - point.x)
      shifty.push(0 - point.y)
    })

  })
  
  let shift = biggestNumberInArray(shiftx)

  console.log(shift)
  data = chunkArrayInGroups(data, 4)
  data.forEach(module => {
    let midx = []
    let midy = []
    module.forEach(line => {
      let oldx = (line[1].x + shift) * factor
      let oldy = (line[1].y + shift) * factor
      let newx = (line[0].x + shift) * factor
      let newy = (line[0].y + shift) * factor
      doc
        .moveTo(oldx, oldy)
        .lineTo(newx, newy)
        .stroke()
      midx.push(oldx + (newx - oldx) / 2)
      midy.push(oldy + (newy - oldy) / 2)
    })
    let centerx = (midx[0] + (midx[2] - midx[0]) / 2)
    let centery = (midy[0] + (midy[2] - midy[0]) / 2)
    let z = (i + 1).toString()
    doc
      .fontSize(10)
      .text(z, centerx-5, centery-5)
    i++
  })

  data2.forEach(line => {
    let oldx = (line[0].x + shift) * factor
    let oldy = (line[0].y + shift) * factor
    let newx = (line[1].x + shift) * factor
    let newy = (line[1].y + shift) * factor
    doc
      .moveTo(oldx, oldy)
      .lineTo(newx, newy)
      .stroke()
  })
  data3.forEach(line => {
    let oldx = (line[0].x + shift) * factor
    let oldy = (line[0].y + shift) * factor
    let newx = (line[1].x + shift) * factor
    let newy = (line[1].y + shift) * factor
    doc
      .moveTo(oldx, oldy)
      .lineTo(newx, newy)
      .stroke('red')
  })
  doc.end();

} catch (err) {
  return console.error(err.stack);
}


function biggestNumberInArray(arr) {
  const max = Math.max(...arr);
  return max;
}

function chunkArrayInGroups(arr, size) {
  let result = [];
  let pos = 0;
  while (pos < arr.length) {
    result.push(arr.slice(pos, pos + size));
    pos += size;
  }
  return result;
}

Answer 1

坐在外面盯着栅栏看了一会儿后，我重新打开电脑，再次查看输出。我像以前一样将它旋转 180 度，然后研究它。然后我想象它在 y 轴上翻转，就像在我的电脑上一样。就是这样！我抓了张纸，画出了原始坐标，以及pdf库中的坐标。

输入坐标^>

输出坐标 v >

我意识到坐标系的唯一区别是 y 轴倒转了！将行更改为

      let oldx = (line[1].x + shift) * factor
      let oldy = (-line[1].y + shift) * factor
      let newx = (line[0].x + shift) * factor
      let newy = (-line[0].y + shift) * factor

相对于 y 反转并在移位后打印正确！数学又赢了哈哈哈

如何将坐标数组格式化为不同的参考点

How to format an array of coordinates to a different reference point

javascript

pdf

arrays

pdfkit

dxf