Warm tip: This article is reproduced from serverfault.com, please click

javascript-如何将坐标数组格式化为其他参考点

(javascript - How to format an array of coordinates to a different reference point)

发布于 2020-11-28 03:41:23

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

我正在尝试从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而获得的,该dxf-parser返回描述行路径的对象数组。其中四个组合成一个正方形,我使用

  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创建器中以画出线条。

我不确定是什么原因引起的,但是我喜欢称呼它为“达芬奇风格”,它旋转了180度并向后书写。我认为为每个单元格添加一些值将解决负面问题……确实如此,但是数据仍然是关于中心原点的。有没有一种方法可以重新定义此数据以与该库一起使用,或者是否有其他库可以在此图形化这些数据并根据情况要求在特定位置添加文本。我希望在程序的其他部分继续使用该库,但是我对新的更有效的想法持开放态度。

感谢你的宝贵时间和专业知识!

它应该看起来像什么

源图片

“达芬奇”结果

电流输出

代码副本:


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;
}
Questioner
PaulyP
Viewed
0
PaulyP 2020-11-28 12:54:30

坐在外面,凝视栅栏后,我重新访问了计算机,并再次查看了输出。我像以前一样旋转了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反转并在移位后正确打印!数学又赢了哈哈哈