使用JavaScript在前端创建和修改CAD图形

在前端开发中，通过JavaScript创建和修改CAD（计算机辅助设计）图形是一个常见的需求。本文将介绍如何使用JavaScript实现这一目标，并提供相应的源代码示例。

首先，我们需要了解CAD图形的基本概念。CAD图形通常由一系列的几何元素（例如点、线、圆等）组成。在前端中，我们可以使用画布（canvas）元素来绘制和渲染这些几何元素。

步骤1：创建画布
首先，我们需要在HTML中创建一个画布元素，用于显示CAD图形。可以使用以下代码创建一个画布：

<canvas id="cadCanvas" width="800" height