我需要 paper-jsdom-canvas 才能使用 nodejs 中 paper.js 中的简化方法吗？

Question

我正在尝试使用 paper.js 优秀的 path.simplify 方法简化手绘路径，以便在用户完成绘制后生成平滑的曲线。由于这是针对非 HTML 输出（TV Telestration）的，我正在尝试在 nodejs 中创建一个微服务来获取点并输出生成的简化曲线的控制点。

我尝试使用 paper-jsdom 并且该方法有效并且没有抱怨但始终输出所有点的零坐标的单个段。我想知道我是否应该使用 paper-jsdom-canvas 来获得适当的输出。

这是我要构建的节点模块：

const Path = require('paper').Path
const Point = require('paper').Point
const Project = require('paper').Project

// the next line produces side effects without which 
// the code will not run, but I'm not sure this is the way to go.
let p = new Project() 

function simplify (points) {
  let pts = []
  for (let point in points) {
    let pt = new Point(point.x, point.y)
    pts.push(pt)
  }
  let path = new Path({
    segments: pts,
    strokeColor: 'black',
    fullySelected: false
  })
  path.simplify(10)

  let simplePath = []
  for (const segment of path.segments) {
    // only one segment reaches this point
    // with all zeros in all the parameters
    console.log(segment.path)
    simplePath.push(
      {
        handleIn: { x: segment.handleIn.x, y: segment.handleIn.y },
        handleOut: { x: segment.handleOut.x, y: segment.handleOut.y },
        point: { x: segment.point.x, y: segment.point.y }
      })
    console.log(`
    hi   : (${segment.handleIn.x}, ${segment.handleIn.y})
    ho   : (${segment.handleOut.x}, ${segment.handleOut.y})
    point: (${segment.point.x}, ${segment.point.y})`)
  }
  return simplePath
}
module.exports = simplify

Answer 1

我认为你的错误在这里：

for (let point in points) {
    let pt = new Point(point.x, point.y);
    pts.push(pt);
}

如果像我认为的那样，变量 points 包含一个对象数组，您应该改用：

for (let point of points) {
    let pt = new Point(point.x, point.y);
    pts.push(pt);
}

注意关键字 of 替换了 for 循环中的 in。
您实际上是在遍历键而不是值。

我需要 paper-jsdom-canvas 才能使用 nodejs 中 paper.js 中的简化方法吗？

Do I need paper-jsdom-canvas to use the simplify method in paper.js from nodejs?

node.js

jsdom

paperjs