Javascript 如何使用CSS以x=50，y=50为中心旋转直线（x1=50，y1=50，x2=50，y2=10）？

这有点像绕z轴旋转。我开始了解transform origin，但它接受%这对我不起作用。如果我理解正确，请提供帮助，您正在尝试使用CSS转换SVG行。不幸的是，这将无法实现跨浏览器兼容。非跨浏览器兼容版本采用px值，并将其视为SVG单元。您可以这样做：

transform: rotate(30deg);
transform-origin: 50px 50px;

但是，要实现跨浏览器兼容，必须在SVG行内进行转换：

<line x1="50" x2="50" y1="50" y2="10" transform="rotate(30 50 50)" />

---

这是绕着点50，50旋转30度。希望有帮助。

这条线是怎么画的？你的密码在哪里？你试过什么？你能为我们提供一个简单的代码，指出哪些不起作用？你做了尽职调查了吗？很好，它起作用了。我没有将px用于变换原点中心。我只是用了线的坐标之类的数字。