Posts on 喵喵麦乐迪

Assign Js to Css

Sat, 04 Apr 2026 13:34:53 +0800

JavaScript 变量赋值给 CSS 使用

方法一: 原生 dom 方法

使用原生的 dom 的方法来改变 css 的样式, 示例:

1document.getElementById(id).style.property = new style();

这里的 new style 里边就可以使用 js 传入的变量

此方法固然可以，但是对应改变一些复杂的 CSS,比如动画等，操作起来就不太方便了。此时以下方法就显得更为重要了.

方法二: CSS 变量

利用 CSS 变量来处理，思路是将 js 变量赋值给 css 变量，然后在 css 样式中使用 css 变量.

示例:

1// 设置变量
2document.body.style.setProperty("--primary", "#7F583F");
3// 读取变量
4document.body.style.getPropertyValue("--primary").trim();
5// '#7F583F'
6// 删除变量
7document.body.style.removeProperty("--primary");

1/* style 中直接声明css变量 */
2body {
3	--foo: #7f583f;
4}
5.content {
6	--bar: #f7efd2;
7}

圆上坐标

Sat, 21 Mar 2026 17:11:28 +0800

求圆上一点的坐标

计算圆上一点的坐标，通常取决于你已知的信息（如角度、圆心位置等）。最常用的方法是使用三角函数。

标准圆 (圆心在原点)

如果圆心位于坐标系原点 $(0, 0)$，半径为 $r$，且该点与 $x$ 轴正方向的夹角为 $\theta$，则该点的坐标 $(x, y)$ 为：

$$x = r \cdot \cos(\theta)$$$$y = r \cdot \sin(\theta)$$

一般位置的圆 (圆心不在原点)

如果圆心的坐标为 $(x_c, y_c)$，半径为 $r$，夹角为 $\theta$，则坐标计算公式需要进行平移：

$$x = x_c + r \cdot \cos(\theta)$$$$y = y_c + r \cdot \sin(\theta)$$

注意事项与技巧

弧度制转换：

在大多数编程语言（如 C#、C++、Python）中，三角函数 cos 和 sin 使用的是弧度而非角度。
- 转换公式：$\text{弧度} = \text{角度} \cdot \frac{\pi}{180}$
坐标系方向：