Question

我有一份学校作业似乎正在吃掉我的大部分神经。我是一个新手编码器，我需要使用HTML / CSS / Javascript来创建一个SVG编辑器。

我设法找出了一些，但现在我坚持这个：如何将选择框形状从矩形更改为圆形？即：选择并向左移动光标将创建一个矩形，现在我需要它为圆形。

我应该使用什么？谢谢！

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

Answer 1

首先是约翰。您的代码无法读取。你需要学习如何缩进。它会为你节省很多苦难。相信我。

其次，由于这是你的功课，没有人会直接给你解决方案。但我会给你一些提示。

<rect>元素具有x1，y1，x2和y2属性。 <circle>元素具有cx，cy和r属性。很明显，你无法直接交换<rect>到<circle>。

考虑如何拖出一个圆圈。通常中心位于第一点，你会拖出半径。

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

祝你好运。