这是关于为Design Studio创建扩展组件的系列教程的一部分。

现在准备添加一个指针。在本期文章中，人工智能知识体系，我们将返回html沙盒并定义指针。下次，我们将把更改迁移到组件中。它将是指针，就像你在模拟汽车速度表中发现的那样。我们有几种方法可以添加指针：

我们已经介绍了构建指针所需的工具。它将由两个SVG路径组成：一个圆弧路径和一个基于坐标的路径。我们在第2a部分学习了如何绘制路径，并从那时起多次使用该技术。我们当我们在第4a部分设计填充可视化工具时，返利软件，首先学会了绘制路径，此后也使用了这项技术。路径将用于绘制针，弧线将用于绘制"底针"；对于那些设计者希望在针轴上画一个圆的情况，就像你在模拟汽车速度表中发现的那样。针（如果有的话）会画在针上。我们会用四个坐标来画针。设计师会有一些属性，她可以用它指定针和底针的形状。

我们可以很容易地定义针的笔划的路径点：

*needleWaypointOffset是一个计算属性，needleWidth/2。

通过组合这些属性，笔划宽度以及是否填充形状，我们可以创建大量的针变体，只有少数几个属性。下面只是一个可能的示例。

为了做到这一点，我们将遵循下面的工作流程，并记住一些事情。

我们现在列出了逻辑工作流程。由于我们在技术方面没有突破新的领域，我们将简单地发布沙盒html文件。在第120行和第230行之间创建的针和底针。下一次，人工智能怎么样，大数据专业怎么样，返现卡，我们将把这个新代码重构成一个组件。