Javascript 如何使用SVG制作圆形选择框？

我有一项学校作业，这似乎让我神经紧张。我是一名新手，需要使用HTML/CSS/Javascript来创建SVG编辑器

我的代码在这里：`

我设法弄明白了其中的一些原因，但现在我陷入了这样的困境：如何将选择框的形状从矩形更改为圆形？i、 e:选择并向左移动光标将创建一个矩形，现在我需要它是一个圆

我应该用什么？谢谢

 svg rect {
fill: gray;
fill-opacity: 0.2;
stroke: navy;
stroke-opacity: 0.2;
}

---

首先是约翰。你的代码不可读。你需要学习如何缩进。这会帮你省去很多痛苦。相信我

其次，因为这是你的家庭作业，没有人会直接给你答案。但我会给你一些提示

元素具有属性

x1

、

y1

、

x2

和

y2

。

元素具有属性

cx

、

cy

和

r

。所以很明显，你不能直接把

交换到

想一想你将如何拖出一个圆圈。通常，中心位于第一点，然后拖出半径

你没有半径。但是，您确实可以从起点和终点计算半径。使用毕达哥拉斯定理

---

祝你好运。

请把你的东西塞进一个代码笔或JSFIDLE或其他东西，以便人们更容易地提供帮助。好的，链接已被代码笔替换。你是否已经尝试将你的

rect

实例与

eliple

交换？我想到的第一件事。不，不是那样的，我想我真的得去看看了，哈哈，对不起，伙计，现在是星期五，所以激励水平很低，但欢迎参加！你好，保罗。我从来没有说过我需要一个简单的解决方案。我更愿意理解而不是使用别人的代码。现在。。你所说的一切与我的要求无关。