javascript - 创建复杂 JavaScript 形状的有效方法

Question

我一直在尝试创建复杂的 JavaScript 形状（达到功能仪表的最终效果）。但是，当以编程方式创建每个单独的零件时，这是一个非常缓慢的过程。

我希望找到一些比这更有效的方法。Adobe Animate 看起来很有希望，但对于我需要的东西来说它是非常过分的。我希望有一些软件或方法可以比编写每段代码更有效地创建 JavaScript 形状。

感谢您提供的任何建议。

Answer 1

我猜你是指 Canvas，因为你说的是​​ JavaScript 形状。我已经将 htmlcanvas studio 用于另一个项目，看起来还可以。看看这里http://www.htmlcanvasstudio.com/

一旦你的形状被创建。将其包含在一个函数中，这样您就可以一遍又一遍地新建相同的形状。当然，它也可能是一个对象。然后，您可以使用 Object.create(square) 创建它的实例。

function someShape () {
  // paste generated code
  console.log('your shape has been created');
}


const shape = new someShape();

// or
new someShape();